Question

编写一个非常简单的角度js应用程序来学习路径和部分。问题是我根本不会加载部分模板。

的index.html

<!DOCTYPE html>
<html ng-app="website">
<head>
    <title>Hello World, AngularJS</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-route.js"></script>
    <script type="text/javascript" src="../js/website.js"></script>
</head>
<body>
    <ul>
        <li><a href='/'>Home</a></li>
        <li><a href='/login'>Login</a></li>
        <li><a href='/about'>About</a></li>
    </ul>

    <ng-view></ng-view>
</body>
</html>

website.js

angular.module('website', ['ngRoute']).
config(function ($routeProvider, $locationProvider) {
    $routeProvider.
        when('/about', {templateUrl: 'partials/about.html'}).
        when('/login', {templateUrl: 'partials/login.html'}).
        otherwise({redirectTo:'/'});
    $locationProvider.html5Mode(true)
});

当我加载index.html时，它会显示链接。当我点击其中一个，或手动转到＃/ about时，它应该在ng-view中加载模板的内容，但它没有。

about.html和login.html只是两个文件，其中包含带有Hello World文本的单个

标记。我错过了什么？我之前不是包括angular-route.js，而是修复那些没有用的。

我的目录结构如下：

views
  --js
    --website.js
  --views
    --index.html
    --partials
      --about.html
      --login.html

网络上说它确实有关，但是让我回到index.html而没有任何关于ng-view的内容

AngularJS部分未加载

0 个答案: