parentディレクティブからchildディレクティブのテンプレート関数への値の受け渡し

Question

子ディレクティブのテンプレート関数の親ディレクティブから渡される値にアクセスしようとしています。

下記のplunkerを参照してください。

Plunker Link

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