Angular指令：来自其他文件的模板

Question

如何在角度js中包含.html作为我的模板文件，而不是在模板属性中包含直接HTML代码？“

到目前为止，这是我的代码：

    .directive('navigation', ['$rootScope', '$i18next', function ($rootScope: any, $i18next: any) {
        return {
            bindToController: true,
            template: '../views/navigation-directive.html',
            link: function (scope, element, attrs) {....

但是在运行此代码时，浏览器显示的唯一内容是明文中的“../views/navigation-directive.html”。

我的文件的当前结构是这样的。

指令文件位于solution / script / navigation.js中 .html文件位于solution / view / navigation-directive.html

中

Answer 1

改变道具

template: '../views/navigation-directive.html',

到

templateUrl: '../views/navigation-directive.html',