无法使用 Angular 路由重定向页面

Question

我正在尝试学习 Angular 但遇到路由问题。我尝试查看其他问题，但找不到答案。

这是我的索引页

 <!DOCTYPE html>
 <html data-ng-app = 'myFirstApp'>
 <head>
      <title>View</title>
 </head>

 <body>
 <div>
     <div ng-view></div>
 </div>
 <script src="Scripts/angular.min.js"></script>
 <script src="Scripts/angular-route.min.js"></script>

 <script>
     var demoApp = angular.module('myFirstApp', ['ngRoute']);

     demoApp.config(['$routeProvider', function($routeProvider){
        $routeProvider
            .when('/view1', {
                templateUrl: 'demoPartials/view1.html',
                controller: 'SimpleController'
            })
            .when('/view2', {
                templateUrl: 'demoPartials/view2.html',
                controller: 'SimpleController'
            })
            .otherwise({redirectTo: '/view1'});
     }]);

     demoApp.controller('SimpleController', function($scope){
        $scope.customers = [
            {name:'A F', city:'M'},
            {name:'D D', city:'B'},
            {name:'S J', city:'I'}
        ];
        $scope.addCustomer = function(){
            $scope.cutomers.push(
                {
                    name: $scope.newCustomer.name,
                    city: $scope.newCustomer.city
                }
            );
        };
     });
 </script>
 </body>
 </html>

路由问题是每当我单击 view2 link 它都不会路由到 View2.html 页面。我该如何解决？

View1 页面

<div class="container">
    <h2>View 1</h2>
    Name:
    <br>
    <input type="text" data-ng-model="filter.name">
    <br>
    <ul>
        <li data-ng-repeat="cust in customers | filter:filter.name | orderBy:'city'">
            {{ cust.name }} - {{ cust.city }}
        </li>
    </ul>
    <br>
    Customer Name: <br>
    <input type="text" data-ng-model="newCustomer.name">
    <br>
    Customer City: <br>
    <input type="text" data-ng-model="newCustomer.city">
    <br>
    <button data-ng-click="addCustomer()">Add Cutomer</button>
    <br>
    <a href="#/view2.html">View 2</a>
</div>

并查看第 2 页

<div class="container">
    <h2>View 2</h2>
    City:
    <br>
    <input type="text" data-ng-model="city">
    <br>
    <ul>
        <li data-ng-repeat="cust in customers | filter:city | orderBy:'city'">
            {{ cust.name }} - {{ cust.city }}
        </li>
    </ul>
</div>

检查一次图像。

页面的正常视图：https://s15.postimg.org/3jrg76nsb/image.png

点击视图 2 后：https://s7.postimg.org/7xazbqqij/image.png

Answer 1

将href更新为路线名称

<a href="#/view2">View 2</a>

Answer 2

你在view1.html里面的view2应该是路由的名字

 <a href="#/view2">View 2</a>

DEMO

无法使用 Angular 路由重定向页面

Not able to redirect page using Angular Routing

javascript

angularjs

angular-routing