ng-repeat: filtrar por campo único

Eu tenho uma variedade de produtos que estou repetindo usando ng-repeat e estou usando

<div ng-repeat="product in products | filter:by_colour"> 

para filtrar esses produtos por cor. O filtro está funcionando, mas se o nome / descrição do produto, etc., contiver a cor, o produto permanecerá após a aplicação do filtro.

Como definir o filtro para aplicar apenas ao campo de cores da minha matriz, e não a todos os campos?

Veja o exemplo na página de filtro . Use um objeto e defina a cor na propriedade color:

Search by color: <input type="text" ng-model="search.color">
<div ng-repeat="product in products | filter:search"> 

Especifique a propriedade (ou seja colour) em que deseja aplicar o filtro:

<div ng-repeat="product in products | filter:{ colour: by_colour }">

Você pode filtrar por um objeto com uma propriedade que corresponda aos objetos a serem filtrados:

app.controller('FooCtrl', function($scope) {
   $scope.products = [
       { id: 1, name: 'test', color: 'red' },
       { id: 2, name: 'bob', color: 'blue' }
       /*... etc... */
   ];
});

<div ng-repeat="product in products | filter: { color: 'red' }"> 

Obviamente, isso pode ser passado por variável, como sugeriu Mark Rajcok.

Se você deseja filtrar um neto (ou mais profundo) do objeto em questão, pode continuar a construir sua hierarquia de objetos. Por exemplo, se você deseja filtrar 'thing.properties.title', faça o seguinte:

<div ng-repeat="thing in things | filter: { properties: { title: title_filter } }">

Você também pode filtrar várias propriedades de um objeto apenas adicionando-as ao seu objeto de filtro:

<div ng-repeat="thing in things | filter: { properties: { title: title_filter, id: id_filter } }">

A melhor maneira de fazer isso é usar uma função:

html

<div ng-repeat="product in products | filter: myFilter">

javascript

$scope.myFilter = function (item) { 
    return item === 'red' || item === 'blue'; 
};

Como alternativa, você pode usar o ngHide ou o ngShow para mostrar e ocultar dinamicamente elementos com base em um determinado critério.

Cuidado com o filtro angular. Se você deseja selecionar um valor específico no campo, não pode usar o filtro.

Exemplo:

javascript

app.controller('FooCtrl', function($scope) {
   $scope.products = [
       { id: 1, name: 'test', color: 'lightblue' },
       { id: 2, name: 'bob', color: 'blue' }
       /*... etc... */
   ];
});

html

<div ng-repeat="product in products | filter: { color: 'blue' }"> 

Isso selecionará os dois, porque use algo como substr
Isso significa que você deseja selecionar o produto em que "cor" contenha a string "azul" e não onde "cor" seja "azul".

Pesquisa por cor:

<input type="text" ng-model="searchinput">
<div ng-repeat="product in products | filter:{color:searchinput}">

você pode fazer um ninho interno também.

filter:{prop1:{innerprop1:searchinput}}

Se você fizesse o seguinte:

<li class="active-item" ng-repeat="item in mc.pageData.items | filter: { itemTypeId: 2, itemStatus: 1 } | orderBy : 'listIndex'"
                id="{{item.id}}">
    <span class="item-title">{{preference.itemTitle}}</span>
</li>

... você não apenas obteria itens do itemTypeId 2 e itemStatus 1, mas também obteria itens com o itemType 20, 22, 202, 123 e itemStatus 10, 11, 101, 123. Isso ocorre porque o filtro: .} funciona como uma string que contém uma consulta.

No entanto, se você adicionar a condição : true , ele filtrará por correspondência exata:

<li class="active-item" ng-repeat="item in mc.pageData.items | filter: { itemTypeId: 2, itemStatus: 1 } : true | orderBy : 'listIndex'"
                id="{{item.id}}">
    <span class="item-title">{{preference.itemTitle}}</span>
</li>

meu jeito é esse

subjcts is

[{"id":"1","title":"GFATM"},{"id":"2","title":"Court Case"},{"id":"3","title":"Renewal\/Validity"},{"id":"4","title":"Change of Details"},{"id":"5","title":"Student Query"},{"id":"6","title":"Complains"}]

sub é um campo de entrada ou o que você quiser

Exibindo assim

<div ng-if="x.id === sub" ng-repeat=" x in subjcts">{{x.title}}</div>

Você deve usar em filter:{color_name:by_colour}vez de

filter:by_colour

Se você deseja combinar com uma única propriedade de um objeto, escreva essa propriedade em vez de objeto, caso contrário, alguma outra propriedade obterá correspondência.

Especifique a propriedade no filtro, do objeto no qual você deseja aplicar o filtro:

//Suppose Object
var users = [{
  "firstname": "XYZ",
  "lastname": "ABC",
  "Address": "HOUSE NO-1, Example Street, Example Town"
},
{
  "firstname": "QWE",
  "lastname": "YUIKJH",
  "Address": "HOUSE NO-11, Example Street1, Example Town1"
}]

Mas você deseja aplicar o filtro apenas no primeiro nome

<input type = "text" ng-model = "first_name_model"/>
<div ng-repeat="user in users| filter:{ firstname: first_name_model}">

Se você deseja filtrar para um campo:

label>Any: <input ng-model="search.color"></label> <br>
<tr ng-repeat="friendObj in friends | filter:search:strict">

Se você deseja filtrar todos os campos:

 label>Any: <input ng-model="search.$"></label> <br>
 <tr ng-repeat="friendObj in friends | filter:search:strict">

e https://docs.angularjs.org/api/ng/filter/filter bom para você