次の例があります。
ディレクティブで、ng-repeat の位置に基づいて動的 ID タグを割り当てたい
<my-directive id="directive-{{$index}}"></my-directive>
何が起こっているかというと、ディレクティブがレンダリングされると、インデックスが削除されます
<button id="directive-"></button>
ディレクティブの ID で $index を使用するにはどうすればよいですか?
編集 分離スコープを維持する必要があります。投稿された例は、私の問題を示す小さな例です。
を使用し{{$parent.$index}}ます。
ng-repeat によって作成されたスコープには、$indexプロパティが含まれています。myDirective新しい分離スコープを作成するため、親の ng-repeat スコープに「到達」するために使用できます$parent。
ディレクティブは、親スコープから継承しないmyDirective分離スコープを使用しています。したがって、もうアクセスできません。$index
を使用して、ディレクティブの新しいスコープを簡単に作成できます{scope : true}。ここにあなたのフィドルの作業バージョンがあります。