angularjs 扩展指令配置 - 指令未定义

Question

我正在阅读精彩的 wiki 教程 https://github.com/angular/angular.js/wiki/Understanding-Directives#specialized-the-directive-configuration

我试过了

var app = angular.module('myApp', []);
app.controller('MainController',function() {

});
app.directive('one', function() {
    return {
            template: '<div>I am one</div>',
            controller:function(){

            },
            link:function($scope){

            }
        };
    });
app.directive('two', function() {
        return angular.extend({}, oneDirective[0], { template: '<div>I am two</div>' });     
});

但我有 ReferenceError: oneDirective is not defined

请问有什么事吗？

Answer 1

您忘记将第一个指令注入第二个：

app.directive('two', function(oneDirective) {
    return angular.extend({}, oneDirective[0], { template: '<div>I am two</div>' });     
});