angularjs - Angular ディレクティブに変数を渡す

Question

ディレクティブがあり、その中でそれmyDirを呼び出す場合ng-repeat

<my-dir myindex="{{$index}}"></my-dir>

どうすればアクセスできますmyindexか? 関数内で{{$index}}使用すると、実際の文字列を取得します。html を調べると、実際には.attrs.myindexpostLinkmyindex="2"

Answer 1

試す

<my-dir myindex="$index"></my-dir>

それで

app.directive('myDir', function () {
  return {
    restrict: 'E',
    scope: {
      myindex: '='
    },
    template:'<div>{{myindex}}</div>',
    link: function(scope, element, attrs){
      scope.myindex = attrs.myindex;
      console.log('test', scope.myindex)
    }
  };
})

デモ:プランカー