将变量传递给Angular Directive

一尘不染

将变量传递给Angular Directive

angularjs

如果我有一个指令myDir，我可以ng-repeat这样调用它

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

我该如何访问myindex？我在函数中{{$index}}使用时会得到实际的字符串。当我检查html时，实际上说。attrs.myindex``postLink``myindex="2"

阅读 193

2020-07-04

共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)
    }
  };
})

演示：柱塞

2020-07-04