0
** - 路由不适用于Angular JS。请帮忙。附带HTML代码和js文件。 - ** 下面是我的HTML代码中的AddNew顺序点击链接时Angular JS路由在下面的代码上不起作用。 URL
<!DOCTYPE html>
<html>
<head>
<title>AngularJS Routing Examples</title>
<meta charset="utf-8" />
<link href="Content/bootstrap.css" rel="stylesheet" />
</head>
<body ng-app="sampleApp">
<div class="container">
<div class="row">
<div class="col-md-3">
<ul class="nav">
<li>
<a href="#AddNewOrder">Add New Order</a>
</li>
<li>
<a href="#ShowOrder">Show Orders</a>
</li>
</ul>
</div>
<div class="col-md-9">
<div ng-view>
</div>
</div>
</div>
</div>
<script src="Scripts/angular.js"></script>
<script src="Scripts/angular-route.js"></script>
<script src="script/app.js"></script>
</body>
</html>
/// <reference path="C:\Dev\WebApplication1\WebApplication1\Scripts/angular.js" />
var sampleApp = angular.module('sampleApp', ['ngRoute']);
//Define Routing
sampleApp.config(function ($routeProvider) {
$routeProvider.when('/AddNewOrder', {
templateUrl: 'templates/AddNewOrder.html',
controller: 'AddOrderController'
}).when('/ShowOrder', {
templateUrl: 'templates/ShowOrder.html',
controller: 'ShowOrderController'
});
});
sampleApp.controller('AddOrderController', function ($scope) {
$scope.message = "This is Add Order screen";
});
sampleApp.controller('ShowOrderController', function ($scope) {
$scope.message = "This is show Order screen";
});
错误的URL是越来越浏览器的地址栏填充。 http://localhost:63022/Sample1.html#!#AddNewOrder
请提出这里有什么问题..路由根本不起作用。
请帮助这里..我不能够找到为什么这个路由不工作。 – Hemant
不要在''href'属性前加'＃'。看到这里的例子〜https://docs.angularjs.org/api/ngRoute/service/$route#example – Phil
尝试使用ui-sref代替href –