Quello che voglio è qualcosa come this esempio nella documentazione ma con un input univoco che può giocare i tre ruoli di filtraggio con proprietà "any", "name" o "phone", il cambio di il ruolo è fatto da un clic di ancoraggio. Ecco il codice pronto http://jsfiddle.net/ubugnu/QuyCU/ Come aggiornare dinamicamente l'attributo ng-model?angularjs: cambia dinamicamente le opzioni di filtro
HTML
<div ng-app>
<div ng-controller="MainCtrl">
<label>Any</label> <input type="text" ng-model="search.$"> <br>
<label>Name only</label> <input type="text" ng-model="search.name"><br>
<label>Phone only</label> <input type="text" ng-model="search.phone"><br>
<div style="background-color:#FAE8F1">
<hr>
<label>Filter</label> <input type="text" ng-model="search.$"> by {{filter}} <br>
<ul>
<li><a href="" ng-click="changeFilterTo('$')">Any</a></li>
<li><a href="" ng-click="changeFilterTo('name')">By Name</a></li>
<li><a href="" ng-click="changeFilterTo('phone')">By phone</a></li>
</ul>
<hr>
</div>
<table class="table">
<tr><th>Name</th><th>Phone</th></tr>
<tr ng-repeat="friend in friends | filter:search">
<td>{{friend.name}}</td>
<td>{{friend.phone}}</td>
</tr>
</table>
</div>
</div>
JS
function MainCtrl($scope, $http) {
$scope.friends = [{name:'John', phone:'555-1276'},
{name:'Mary', phone:'800-BIG-MARY'},
{name:'Mike', phone:'555-4321'},
{name:'Adam', phone:'555-5678'},
{name:'Julie', phone:'555-8765'}];
$scope.filter = "$";
$scope.changeFilterTo = function(pr) {
$scope.filter = pr;
}
};
eccellenti, molte grazie – ubugnu
Ciò lavoro non del tutto, nel violino ... prova a cercare per 'a' e facendo clic su 'telefono'. Sembra che stia cercando su "Tutti" indipendentemente dal collegamento su cui si è fatto clic. Penso che serva solo un piccolo tweak o due per funzionare, però. –
Penso che funzioni bene, ma forse in un modo un po 'non intuitivo (ma dimostra bene la soluzione) - quando fai clic su "Qualsiasi | Per nome | Per telefono", collega solo la casella di testo inferiore a una delle caselle di testo superiori corrispondenti . Quindi digitando 'a' riempie il 'a' a "Qualsiasi" e facendo clic su "per telefono" passa la casella di testo inferiore a "telefono", quindi digitando di seguito aggiungi vincoli del telefono lasciando "alcun" vincolo da solo. – lopisan