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

Question

我正在尝试访问从父指令传递给子指令模板函数的值。

请参考下面的plunker。

Plunker 链接

代码：

家长指令：

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

父目录.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