angular ng-repeat表現に一致する場合、アイテムをスキップします

基本的にAngularに、ng-repeatの項目が式と一致する場合に項目をスキップするように指示する方法を探していcontinueます。

コントローラ内：

$scope.players = [{
    name_key:'FirstPerson', first_name:'First', last_name:'Person'
}, {
    name_key:'SecondPerson', first_name:'Second', last_name:'Person'
}]

今私のテンプレートでは、一致しないすべての人を表示したいと思いname_key='FirstPerson'ます。私はそれがフィルターである必要があると考えたので、それをいじるようにPlunkrをセットアップしましたが、運がありませんでした。Plunkrの試み

以下のよう@Maxim Shoustinが提案し、あなたが望むものを達成するための最良の方法は、カスタムフィルタを使用することです。
しかし、他の方法もあります。それらの1つは、ng-ifディレクティブを配置したときに同じ要素でディレクティブを使用することですng-repeat（また、ここにプランカーがあります）。

<ul>
    <li ng-repeat="player in players" ng-if="player.name_key!='FirstPerson'"></li>
</ul>

これは、理論的な観点からはマイナーなデメリットとなる可能性がありますが、フィルタリングが配列にそれほど強く結合されておらずplayers、アプリのスコープ内の他のデータに簡単にアクセスできるルールに基づいているという大きな利点があります。

  <li 
      ng-repeat="player in players" 
      ng-if="app.loggedIn && player.name != user.name"
  ></li>

更新
前述のように、これはこの種の問題に対する解決策の1つであり、ニーズに合う場合とそうでない場合があります。
コメントで指摘されているように、ng-ifはディレクティブです。これは、実際には、バックグラウンドで予想よりも多くのことを行う可能性があることを意味します。
たとえば、そのng-if 親から新しいスコープを作成します。

ngIf内で作成されたスコープは、プロトタイプ継承を使用して親スコープから継承します。

通常、これは通常の動作には影響しませんが、予期しないケースを防ぐために、実装する前にこれを覚えておく必要があります。

私はこれが古いものであることを知っていますが、誰かが別の可能な解決策を探す場合、これを解決する別の方法があります-標準のフィルター機能を使用します：

オブジェクト：パターンオブジェクトを使用して、配列に含まれるオブジェクトの特定のプロパティをフィルタリングできます。たとえば、{name： "M"、phone： "1"}述語は、 "M"を含むプロパティ名と "1"を含むプロパティphoneを持つアイテムの配列を返します。... 文字列の前に！を付けると、述語を否定できます。たとえば、{name： "！M"}述語は、 "M"を含まないプロパティ名を持つアイテムの配列を返します。

したがって、TSの例では、次のようなことを行う必要があります。

<ul>
    <li ng-repeat="player in players | filter: { name_key: '!FirstPerson' }"></li>
</ul>

カスタムフィルターを記述する必要はなく、ng-if新しいスコープで使用する必要もありません。

を実装するときにカスタムフィルターを使用できますng-repeat。何かのようなもの：

 data-ng-repeat="player in players |  myfilter:search.name

myfilter.js：

app.filter('myfilter', function() {


   return function( items, name) {
    var filtered = [];

    angular.forEach(items, function(item) {

      if(name == undefined || name == ''){
        filtered.push(item);
        }

      /* only if you want start With*/
      // else if(item.name_key.substring(0, name.length) !== name){
      //   filtered.push(item);
      // }

      /* if you want contains*/
      // else if(item.name_key.indexOf(name) < 0 ){
      //   filtered.push(item);
      // }

       /* if you want match full name*/
       else if(item.name_key !== name ){
        filtered.push(item);
      }
    });

    return filtered;
  };
});

デモ Plunker