angularJs指令中templateUrl的正确路径应该是什么?

时间:2015-06-20 09:51:08

标签: javascript angularjs angularjs-directive

我想将templateUrl的路径作为seprate .jade文件。但它显示 500错误错误:[$ compile:tpload]

以下是我的指令中的代码

app.directive('personRecord',['$http',function(http){
    return{
        restrict : 'AE',
        templateUrl : '../../views/template.jade',
        link : function(scope,ele,attr){

        }
    }
}]);

我的文件夹结构如下所示。

bin
node_modules
public
|-- js
    |-- main.js
routes
views
|-- template.jade
|-- index.jade
app.js
package.json

请帮我解决这个问题!我在这里错过了什么!

1 个答案:

答案 0 :(得分:1)

我的建议是将您的views文件夹放在公共文件夹中: -

bin
node_modules
public
|-- js
|    |-- main.js
|--views
    |-- template.jade
    |-- index.jade
routes
app.js
package.json

然后使用

app.directive('personRecord', function(http){
    return {
        restrict : 'AE',
        templateUrl : 'views/template.jade',
        link : function(scope, ele, attr){

        }
    };
});

希望有所帮助:)