I apologize if this has been answered beforehand I searched but couldn't understand the answers on other stack overflows so if they did have the answer I couldnt make sense of it. I am trying to filter the JSON data that is in the ng-repeat but it just brings up nothing whenever I type something into the input. Just a bit of help even if its just pointing me in the direction would be greatly appreciated. I have a jsbin that shows what I am talking about.
Add a comment
|
2 Answers
You can modify your filter criteria like this:
ng-repeat="story in storytitle | filter:{'title.$text':searchquery}"
It will look for the search term on the title.$text property only.
Don't forget to set your searchquery to empty at the beginning in the controller:
$scope.searchquery = '';
Here is your updated Jsbin: http://jsbin.com/AQoJEMU/1/edit
Comments
The problem is that the filter can't reach nested properties.
It can't filter stories.title.$text.
Possible solutions:
- Write your own filtering function.
- Somehow make the contents to be filtered available in a property which is not nested. For example: instead of
stories.title.$text, make it available atstories.title_text.
Here is a working JS Bin: http://jsbin.com/esAteYI/2/edit
I have done two things:
Created a
stories.$textproperty, including the contents of bothstories.title.$textandstories.teaser.$texton it.You can specify to which property tthe filtering should be applied. Look how I've changed the
ng-modelattribute of the search input field to<input ng-model="searchquery.$text" />
By specifying the.$textproperty, the filter will work only on it. So, it will not waste precious time trying to apply the search through the other properties.
