Question

我试图访问从父指令模板函数中的父指令传递的值。

请参阅下面的plunker。

CODE：

家长指令：

directive('parentDir', function(){
  return {
    controller: ['$scope',function($scope){
      $scope.myVal = 'HELLO';
    }],
    templateUrl: 'parentDir.html'
  }
})

儿童指令：

directive('childDir', function(){
  return {
    template: function(element,attrs){
      alert(attrs.val);
    }
  }
})

parentDir.html：

<div>
  <child-dir val="{{myVal}}"></child-dir>
</div>

Answer 1

您可以将val属性添加到指令中，如下所示：

.directive('childDir', function(){
  return {
    restrict: 'E',
    scope : {
      val : '='
    },
    link : function(scope, element, attrs) {
      return alert(scope.val);
    }
  }
})

这是一个有效的plunkr

将值从父指令传递给子指令的模板函数

1 个答案: