javascript - Angular JSフィルターが予期せず機能しますか?

原文 javascript angularjs search

Angularjsフィルターを使用して、jsonデータ(https://api.myjson.com/bins/5a2aw)のリストをフィルターしようとしています。フィルターを使用しただけでは、完全一致は行われず、1に対してid = 1,10,11,12の結果が表示されます。 trueをフィルターで使用すると非常に奇妙に機能しますが、IDが7の単一の結果がすべてのIDに表示されます。

 <html>
    <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    <body>
    <div ng-app="myApp" ng-controller="myCtrl">
    <ul>
    <li ng-repeat="x in names |  filter : true : {id: 7}">
    {{x.Name+ " " + x.Quote}}
    </li>
    </ul>
    </div>
</body>
    <script>
    var app = angular.module('myApp',[])
    app.controller('myCtrl',function($scope, $http){
        $http.get("https://api.myjson.com/bins/5a2aw").success(function(response) {$scope.names=response.records;});
    });
    </script>
</html>
答え
フィルターの最初の場所ではなく、true基準の後にfilter(正確なチェック)を置く必要があります。

マークアップ

<li ng-repeat="x in names |  filter : {id: 7}: true ">
    {{x.Name+ " " + x.Quote}}
</li>


構文

{{ filter_expression | filter : expression : comparator}}
関連記事

javascript - mvcビューでアクション結果にリダイレクトするにはどうすればよいですか

javascript - 同じ関数でjqueryの異なるレベルのネストされたJSON値にアクセスする

javascript - 透明なHTML / CSSボタンから見えない?

javascript - keypressイベントの入力フィールドにスペースを入れない

javascript - クリックしても、Jsonからのチェックボックスにアラートが表示されない

javascript - 1つのクラスへのCSS追加の疑似要素(前、後、+その他)

javascript - JSTreeからチェックIDを取得-Get_Checkedはノードを検出しますが、IDは検出しません

javascript - 個別のボタンのブートストラップのクリックでモーダル内のナビゲーションタブのアクティブクラスを変更しようとしています

javascript - 関数のパラメーターで既に参照されているグローバル変数を参照する方法は?

javascript - スライドショーにエフェクトを追加できません