Angular中的路线不起作用答案

【问题标题】：Routes in Angular Not workingAngular中的路线不起作用
【发布时间】：2016-07-19 11:34:05
【问题描述】：

代码

<body ng-app="ngapp">
<h2>NG App</h2>
<div>
    <ng-view></ng-view> 
</div>
<script src="Scripts/angular.min.js"></script>
<script>
    var app = angular.module('ngapp', ["ngRoute"]);
    app.config(function ($routeProvider) {
        $routeProvider
            .when('/', {
                templateUrl: 'Page1.html',
                controller: 'simpCtrl'
            })
            .when('/view2', {
                templateUrl: 'Page2.html',
                controller: 'simpCtrl'
            });
    });
    app.controller('simpCtrl', function ($scope) {
        $scope.customers = [
            { name: 'Jack', age: 10 },
            { name: 'Abdul', age: 12 },
            { name: 'Zubair', age: 11 },
            { name: 'Ammar', age: 10 }
        ];
    });
</script>

我已经正确注册了路线，但它不工作，我不知道为什么。任何想法如何在角度调试或查找行为不端的代码？

Page1.html

<div>
<h2>View 1</h2>
Customer Name: 
    <input type="text" ng-model="search.name" />
<ul>
    <li ng-repeat="n in customers | orderBy:'name' | filter:search:strict ">{{n.name|uppercase}} - {{n.age}}
    </li>
</ul>
<a href="#/Page2.html">View 2</a>

谢谢

Plunker link to code

【问题讨论】：

标签： angularjs routing angularjs-routing

【解决方案1】：

您的应用程序存在一些问题，

(i) 你指的是angular2库，改成这样

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js"></script>

(ii) 你没有为 ngRoute 添加参考

 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.4/angular-route.js"></script>

工作Application

【讨论】：

我在 VS 上作曲并通过“NuGet 包管理器”下载了 Angular，我惊讶地发现从 NuGet 下载的 Angular 版本要么有问题，要么是导致问题的原因。谢谢@Sajeetharan