自定义AngularJS指令不起作用

Question

我正在AngularJS 1.4.3中创建自定义指令。 下面是我的指令代码。

'use strict';

angular.module('psFramework').directive('psFramework', function () {
    return {
        transclude: true,
        scope: {

        },
        controller: 'psFrameworkController',
        templatesUrl: 'ext-modules/psFramework/psFrameworkTemplate.html'
    }
});

这是我的控制器psFrameworkController

'use strict';

angular.module('psFramework').controller('psFrameworkController',
    ['$scope',
        function ($scope) {

        }
    ]);

我的模块psFrameworkModule

'use strict';

angular.module('psFramework', ['psMenu', 'psDashboard']);

还有模板psFrameworkTemplate.html ，这非常简单

<h1>Hello</h1>

当我将<ps-framework></ps-framework>标记放入index.html文件中时，它以某种方式无法呈现模板。

这是我的index.html

<body class="container-fluid">
    <ps-framework></ps-framework>
</body>

Answer 1

这是templateUrl不是templatesUrl ，我也建议添加restrict属性：

'use strict';

angular.module('psFramework').directive('psFramework', function () {
    return {
        restrict: 'E',
        transclude: true,
        scope: {

        },
        controller: 'psFrameworkController',
        templateUrl: 'ext-modules/psFramework/psFrameworkTemplate.html'
    }
});

自定义AngularJS指令不起作用

问题描述

1 个解决方案

解决方案1
4 已采纳 2015-07-27 07:36:11

自定义AngularJS指令不起作用

问题描述

1 个解决方案

解决方案1 4 已采纳 2015-07-27 07:36:11

解决方案1
4 已采纳 2015-07-27 07:36:11