Javascript AngularJS：从自定义指令中调用自定义指令不会'；好像不行_Javascript_Angularjs_Directive

Javascript AngularJS：从自定义指令中调用自定义指令不会'；好像不行

javascript angularjs

Javascript AngularJS：从自定义指令中调用自定义指令不会'；好像不行,javascript,angularjs,directive,Javascript,Angularjs,Directive,我有一本书我可以创建两个指令。在本例中，一个名为zMonthSelect，另一个名为zTest，引用zMonthSelect。Angular似乎不喜欢嵌套。为什么呢？我能做些什么来修复它代码如下： var app = angular.module('plunker', []); app.controller('MainCtrl', function($scope) { }); app.directive('zMonthSelect', function () { return {

我有一本书

我可以创建两个指令。在本例中，一个名为zMonthSelect，另一个名为zTest，引用zMonthSelect。Angular似乎不喜欢嵌套。为什么呢？我能做些什么来修复它

代码如下：

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
});

app.directive('zMonthSelect', function () {
    return {
        restrict: 'E',
        priority: 1000,
        scope: {
            month: '=month'
        },
        template: '<select ng-model="month">' +
            '<option value="1">Jan</option>' +
            '<option value="2">Feb</option>' +
            '<option value="3">Mar</option>' +
            '<option value="4">Apr</option>' +
            '<option value="5">May</option>' +
            '<option value="6">Jun</option>' +
            '<option value="7">Jul</option>' +
            '<option value="8">Aug</option>' +
            '<option value="9">Sep</option>' +
            '<option value="10">Oct</option>' +
            '<option value="11">Nov</option>' +
            '<option value="12">Dec</option>' +
            '</select>',
        controller: function($scope) {
        }
    };
});


app.directive('zTest', function(){ 
  return { 
    restrict: 'E',
    priority: 1,
    scope: {},
    template: 'Test: <z-month-list month="1"></z-month-list>',
    controller: function($scope) {
    }
  };
});

var-app=angular.module（'plunker'，[]）；
应用程序控制器（'MainCtrl'，函数（$scope）{
});
应用程序指令（'zMonthSelect'，函数（）{
返回{
限制：'E'，
优先权：1000，
范围：{
月份：'=月份'
},
模板：“”+
“简”+
“二月”+
“马尔”+
“四月”+
“五月”+
“六月”+
“七月”+
“八月”+
“九月”+
“十月”+
“十一月”+
“十二月”+
'',
控制器：功能（$scope）{
}
};
});
app.directive（'zTest'，function（）{
返回{
限制：'E'，
优先事项：1，
作用域：{}，
模板：“测试：”，
控制器：功能（$scope）{
}
};
});

以及HTML：

<body ng-controller="MainCtrl">
  zTest: <z-test></z-test><br/>
  zMonthSelect: <z-month-select></z-month-select><br/>
</body>


zTest:

zMonthSelect:

您的指令名称不匹配。在

zTest

指令中，您试图使用

，但您的指令名为

zMonthSelect

。只需将您的

zTest

指令更改为us

。看

或者您可以将内部指令重命名为

zMonthList

。请参见