次の 2 つのディレクティブがあるとします。
angular.module('foo').directive('outer', [function(){
return {
restrict: 'E',
scope: {
inner: '@',
innneParams: '@'
},
template: "<div {{inner}}{{innerParams}}></div>",
link: function(scope, elem, attrs){
console.debug("I AM IN YOUR OUTER DIRECTIVE PASSING YOUR D00DZ!")
}
}
}]);
angular.module('foo').directive('innerDir', [function(){
return {
restrict: 'EA',
scope: {
innerParam: '='
},
template: "<div>{{massagedInner}}</div>",
link: function(scope, elem, attrs){
console.debug('I AM IN YOUR INNER DIRECTIVE MASSAGING YOUR D00DS!')
scope.massagedInner = scope.innerParam + "FROM YOUR DOGE!"
}
}
}]);
そして、次の HTML:
<outer inner="inner-dir" my-awesome-scope-value="myAwesomeScopeValue" inner-params="inner-param='myAwesomeScopeValue'"></outer>
外側のディレクティブ コンソール デバッグ トリガーはトリガーされますが、内側のディレクティブはトリガーされません。この種の動作を達成するための良い方法はありますか?