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

Question

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

См. Ниже плункер.

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

Вот рабочий plunkr