I'm encountering an issue with my Angular filters and could use some assistance. Would you mind checking out the following link:
When I select 'Hitchens' from the dropdown menu, it displays information for both Hitchens and The Others. I am unsure why this is happening only for Hitchens and not other masters. How can I ensure that the filter accurately narrows down the information?
Here is the code snippet:
<md-input-container>
<label>Enter Search Term</label>
<input type="text" ng-model="classifiedsFilter">
</md-input-container>
<md-input-container>
<label>Select a Master</label>
<md-select ng-model="name">
<md-option ng-repeat="name in names | orderBy: 'toString()'" value="{{ name }}">
{{ name }}
</md-option>
</md-select>
</md-input-container>
<md-input-container>
<md-button class="md-warn" ng-click="classifiedsFilter = ''; name = ''">Clear</md-button>
</md-input-container>
This is the code used on my md-card:
<md-card ng-repeat="classified in classifieds | filter: classifiedsFilter |
filter: name" flex-xs="100" flex-gt-sm="70">
Any assistance would be greatly appreciated.
Thank you