Question

我已经尝试了类似问题的所有答案而没有成功。我有一个像这样的项目目录结构：

应用

config.js
- 共享
  
  的layout.html
- 主页
  
  的index.html

这里的config.js，Shared和Home处于同一级别。

我的Layout.html有代码：

    <!DOCTYPE html>
    <html ng-app="app">
    <head>
    <script type="text/javascript" src="../Assets/ng/angular/angular.js"></script>
    <script type="text/javascript" src="../Assets/ng/angular-route.js"></script>
    <script type="text/javascript" src="../config.js"></script>
    </head>
    <body>
         <a href="#/">Home</a>
         <section ng-view></section>
    </body>
    </html>

我的Index.html只有“主页视图”字样。

config.js文件：

angular.module("app", ['ngRoute')

.config(['$routeProvider', function($routeProvider){
    $routeProvider
    .when('/', {
        templateUrl: '../Home/Index.html'
    })
    .otherwise({
        redirecTo: '/'
    });
}]);

但是，<section></section>中没有显示任何内容。没有异常抛出。有一件事，顺便说一下，我没有运行Web服务器。我只是在Chrome中打开我的Layout.html，然后点击链接，但模板无法加载。

在Chrome中打开网页时，浏览器中的网址就像

file:///Users/user.name/Desktop/folder1/subfolder1/app/Shared/Layout.html#/

我的方法出了什么问题？感谢。

Answer 1

请使用本地服务器加载您的应用程序。要么使用visual studio，要么你知道nodejs而不是使用它。您是直接从文件系统加载它。

ng-view未加载模板（没有运行Web服务器）

1 个答案: