Javascript 指令未在角度视图中加载

我是个新手。 我有一个index.html文件和controller.js文件，如下所示 `

我正在尝试从文件test.html添加带有标记的指令模板

  <h1>Hi</h1>

Hi

但它没有加载到浏览器中。我得到错误：$compile:tpload 在浏览器控制台中加载模板时出错

---

你能告诉我这里缺少了什么吗？

看起来这是一个浏览器问题，它在chrome和internet explorer中不起作用。我在Mozilla Firefox上尝试了相同的代码，结果成功了

---

谢谢大家的建议。

where if

test.html

？？@Saurabh Agrawal它位于index.js和controller.js所在的同一个文件夹中，

childCtrl

？？

templateUrl

据我所知应该是相对于

index.html

的。这意味着，如果您的根文件夹中有一个

index.html

，并且您的脚本和模板都在

app

文件夹中，那么模板URL应该是这样的-

templateUrl:'app/test.html'

。它可以工作。可能只是文件路径？

    var app = angular.module("testApp", []);

app.controller("appCtrl", function($scope) {

  $scope.a = 10;
  $scope.b = 20;
});



 app.controller("childCtrl", function($scope) {

  $scope.c = 30;
  $scope.d = 40;
});
    app.directive("message", function() {
      return {
        templateUrl: 'test.html',
        restrict: 'A'
      };
    });

  <h1>Hi</h1>