Передача значения из родительской директивы в шаблонную функцию дочерней директивы

Question

Я пытаюсь получить доступ к значению, которое передается из директивы parent в шаблонной функции дочерней директивы.

Пожалуйста, обратитесь к ниже плунжера.

Plunker Link

КОД:

Директива для родителей:

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

Вот рабочий планкр