angularjs - 将变量传递给 Angular 指令

Question

如果我有一个指令 myDir 并且我在 ng-repeat 中调用它，就像这样

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

如何访问myindex？当我在 postLink 函数中使用 attrs.myindex 时，我得到实际的字符串 {{$index}} 。当我检查 html 时，它实际上显示 myindex="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)
    }
  };
})

演示:Plunker