Question

我在尝试使用ngRoute of angular时遇到了一些麻烦。

我是角度和javascript的超级菜鸟，所以如果你能解释一下为什么这段代码不起作用会很棒。

这是我的 index.html

<html ng-app="angular101App">

    <body>
        <h1>Index</h1>
        <div ng-view></div>

        <!--Angular-->
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.js"></script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular-resource.js"></script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular-route.js"></script>
        <script type="text/javascript" src="js/app.js"></script>

    </body>

</html>

这是app.js

'use strict';

var app = angular.module('angular101App', [
    'ngResource',
    'ngRoute'
    ]);

  app.config(function ($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/home.html'
      })
      .when('/register', {
        templateUrl: 'views/register.html'
    })
      .otherwise({
        redirectTo: '/'
      });
  });

home.html的

<a href="/register">Registrer</a>

和register.html

<h1>Register page :)</h1>

因此，我运行index.html的结果是标题和＆＃34;寄存器＆＃34;的链接。页。当我点击它时，＃34;无法获取/注册＆＃34;出现。

文件结构是：

JS
- app.js
的观点
- home.html的
- register.html

的index.html

谢谢：）

Angular ngRoute不适合我

0 个答案: