Question

我有一个index.html：

<body ng-app="app">
    <topmenu></topmenu>
    <div ng-view=""></div>

然后在views文件夹中main.html和topmenu.html

有一条路线：

.when('/', {
    templateUrl: 'views/main.html',
    controller: 'MainCtrl'
})

和指令

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

App.directive('topmenu', function () {
    return {
        replace: true,
        restrict: 'E',
        templateUrl: 'views/topmenu.html'
    };
});

问题是，当我添加directive.js文件并放置<topmenu></topmenu>标记时，main.html不再加载

任何想法？

Answer 1

在您的指令文件中，您不需要再次使用您的模块和依赖项初始化变量。所以这个：

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

应该从该文件中删除

。

Answer 2

在directive.js

中

删除它，它将创建一个名为＆＃39; app＆＃39;

的新角度模块

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

如果你想从角度获取模块，你可以做

var App2 = angular.module('app');
console.log(App === App2) // true

并确保您已经创建了自己的应用程序＆＃39;加载directive.js之前的模块，

例如，如果你有2个JS文件

<script src="index.js"/>
<script src="directive.js"/>

index.js中的

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

使用指令打破角度的ng-view，如何？

2 个答案: