Javascript 如何将Trigger.io应用程序中的角度视图模板与本地模板文件一起使用？

我想创建单独的模板文件，以保持我的HTML干净和模块化。Angular无法拉入本地文件以用作模板

例如，我的文件位于

src/views/test.html

，我的

src/js/main.js

如下所示：

var app = angular.module('test', [
  'ngRoute',
  'ngTouch'
]);

app.config(['$routeProvider', function($routeProvider) {

  $routeProvider.when('/', {
    controller: 'TestController',
    templateURL: 'views/test.html'

  $routeProvider.otherwise({
    redirectTo: '/'
  });
}]);

app.controller('TestController', function($scope, $routeParams) {});

但是这个应用程序不工作，而且HTML模板也没有被引入

---

我尝试过使用

forge.file.getLocal

和

forge.file.string

但是

routeProvider.when

的

template

选项似乎不兼容，因为它们是异步的。

尝试将

./views/test.html

而不是

views/test.html

作为模板url

原因可能是您的目录结构。看起来您的目录结构如下所示：

src/

   js/
     main.js

   views/
     test.html

我认为，因为

main.js

和

test.html

处于同一目录级别，但在不同的文件夹中，

main.js

不知道

views

文件夹

此外，如果您将主angular应用程序放在angular js代码其余部分的“上方”目录中，您的生活可能会更轻松，如下所示：

src/
  main.js

  js/
    controllers.js
    services.js
    .
    .
    .

  views/
    test.html

---

当您更加熟悉angular时，应该在Github上查看。这是一个回购/项目，向您展示了如何以一种非常干净和高效的方式设置和构造角度代码。

事实证明，问题在于我是一个资本化问题您必须使用

templateUrl

，而不是

templateUrl

，Angular JS路由器才能工作。