web-dev-qa-db-fra.com

Passer la variable à Angular Directive

Si j'ai une directive myDir et je l'appelle dans ng-repeat ainsi

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

Comment puis-je accéder à myindex? Je reçois une chaîne réelle {{$index}} lorsque j'utilise attrs.myindex dans la fonction postLink. Lorsque j'inspecte du HTML, il dit en fait myindex="2".

40
Massive Boisson

Essayer

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

Ensuite

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

Démo: Plunker

67
Arun P Johny