与templateUrl的AngularJS指令错误

时间:2014-11-25 23:43:04

标签: angularjs-directive

指令在我的申请中不起作用。我不确定我到底错过了什么。

index.cshtml:

 <div>
        <test-directive> </test-directive>
    </div>

Directive.js:

   bingAdsDiagnostics.angular.loadApp.directive("testDirective", function () {
        return {
            restrict: 'E',
            templateUrl: "/Home/Test"
        };
    });

如果我使用模板(template: '<div>vijay</div>')而不是templateUrl,它的效果很好。 templateUrl没有找到test.cshtml

Test.cshtml:

<h2>Test</h2>

错误:

Error: [$compile:tpload] http://errors.angularjs.org/1.3.2/$compile/tpload?p0=%2FHome%2FTest

enter image description here

1 个答案:

答案 0 :(得分:0)

templateUrl需要是HTML文件的完整路径。如下所示:

templateUrl: "/Home/Test/test.cshtml"