自定義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