AngularJSのディレクティブでフィルタを使用する

Question

私はAngularJSディレクティブ内でフィルタを使用しようとしていますが、正確な方法はわかりません。メーリングリストのいくつかの情報から、$ filterを注入して使用できるはずですが、どのように/どこで呼び出すのかはわかりません。

私のディレクティブは、現在、次のようになります。

myApp.directive('fancyDisplay', ['$filter', function($filter) { 
    return { 
     scope: { 
      'fancyDisplay': '=' 
     }, 
     template: "<div ng-repeat='datum in fancyDisplay | filter:tagFilter'>{{datum.name}}</div>" 
    }; 
}]); 

filter:tagFilterが機能していません。ディレクティブのデータをどのようにフィルタリングする必要がありますか？

JSfiddle利用可能http://jsfiddle.net/VDLqa/4/お返事ありがとうございます。

Answer 1

ディレクティブ（scope: { 'fancyDisplay': '=' }）に新しい分離スコープを作成すると、親スコープからプロパティにアクセスできなくなります。 tagFilterは親スコープで定義されているため、アクセスできません。

<div fancy-display="model.data" filter="tagFilter"></div> 

そしてディレクティブに：ディレクティブの属性として

パスtagFilter

scope: { 
    fancyDisplay: '=', 
    tagFilter: '=filter' 
}, 

jsfiddle：http://jsfiddle.net/bmleite/VDLqa/5/

Answer 2

あなたの答えのために@bmleiteに感謝します。

参考になるかもしれないもう一つのことは、 あなたのリストにdeplicatesを持っている場合、このように あなたのng-repeat指令を宣言することを確認することです。

これは私を永遠に理解するのに苦労しました。あなたがxでトラックを指定する前に、どうやらあなたは をフィルタリングする必要があります。

app.directive("someDirective", function(){ ... 

    restrict: "E", 
    ... 
    template:"<ul ng-repeat='t in tree | filter:key track by $index'><li>{{t}}</li></ul>", 

}); 

逆は動作しません。