Question

我的AngularJS项目中有两个嵌套指令。 HTML如下：

<body ng-app="main">
    <mainapp></mainapp>
</body>

main.js如下：

var mainDirective = angular.module('main',
    [
        'app.config',
        'app.ui.menu'
    ]);

mainDirective.directive('mainapp', [
    'ConfigService',
    function(config)
    {
        return {
            restrict    : 'E',
            templateUrl : config.path.views + '/index.html'
        }
    }
]);

模板的内容如下：

<menu-index></menu-index>
<div class="ui basic segment">
    <div class="ui vertically padded grid">
    More html here

由于某些原因，app.ui.module无法正常工作（我知道这是因为我没有收到任何错误）。这是＆＃39; app.ui.module＆＃39;：

var menuIndex = angular.module('app.ui.menu', ['app.config']);

menuIndex.directive('menu-index', ['ConfigService', function(config)
{
    return {
        restrict    : 'E',
        templateUrl : config.path.views + '/menu/index.html'
    }
}]);

我不知道为什么第一个<main></main>指令正在工作，但第二个<menu-index></menu-index>（嵌套的指令）不是。

不编译Angular嵌套指令

0 个答案: