我想在另一个指令中使用指令。
父指令在其模板中使用子指令。
这是我的代码。
html
<div ng-app="myApp">
<div ng-controller="Ctrl">
<svg>
<my-line></my-line>
</svg>
</div>
</div>
javascript
var myApp = angular.module('myApp',[
'myController',
'myDirectives'
]);
//Controller
var myControllers = angular.module('myControllers', []);
myControllers.controller('Ctrl', function($scope){
$scope.line = [
{ nodeId:'1'},
{ nodeId:'2'},
{ nodeId:'3'}
]
});
//Directives
var myDirectives = angular.module('myDirectives',[]);
myDirectives.directive('myLine',function(){
return {
restrict: 'E',
template:
'<g ng-repeat="node in line">' +
'<my-node node="{{node}}"></my-node>' +
'</g>'
};
});
myDirectives.directive('myNode',function(){
return {
restrict:'E',
scope:{
node:'=node'
},
template:
'<text x="0" y="0">{{node.nodeId}</text>'
}
});
这是jsfiddle链接。
但是子指令没有显示。
我应该怎么办?