AngularJS路由器代碼不起作用
[英]AngularJS router code not working
原文
2014-12-08 18:46:24
9
2
javascript/
angularjs/
angularjs-directive/
angular-ui/
angular-ui-router
問題描述
我已經檢查了Stack Overflow和許多其他博客，但無法解決AngularJS代碼中的路由問題。 我沒有收到任何錯誤，但路由似乎根本沒有發生。 誰能幫我解決這個問題？ 主要index.html在這里
<!DOCTYPE html>
<html lang="en">
<head>
<title>AngularJS Routing example</title>
</head>
<body data-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="#ShowOrders"> Show Order </a></li>
</ul>
</div>
<div class="col-md-9">
<div data-ng-view></div>
</div>
</div>
</div>
<script src="angular.min.js"></script>
<script src="angular-route.js"></script>
<script src="app.js"></script>
</body>
</html>
我已將完整代碼上傳到Plunker AngularJS Routing
任何幫助將不勝感激。
謝謝Smitha
2 個解決方案
解決方案1
3 已采納 2014-12-08 18:53:26
由於缺少angular-route.js，插件無法正常工作。 但是我能看到您忘記了賦予角度依賴性-ngRoute
var sampleApp = angular.module('sampleApp', ['ngRoute']);
本官方教程展示了如何使用路由器https://docs.angularjs.org/tutorial/step_07
我已通過有效的更改更新了您的pl子
http://plnkr.co/edit/BBG3XH3akxfAKMzjT71E?p=preview
主要問題-版本mishmash-上傳的angular-1.3.x，上傳的angular-rout-1.2-x鏈接到html的angular-1.0-7
我將它們更改為CDN 1.3.3
接下來的事情-錯誤的模板鏈接-即使它可以在本地主機上運行-在插件中，模板名稱的開頭不能有/。
我也更改了鏈接，它應該在ng-href中以＃開始。
基本上就是全部。
解決方案2
1 2014-12-08 18:52:29
您需要從templateUrl中刪除/
sampleApp.config([ '$routeProvider', function($routeProvider) {
$routeProvider.when('/AddNewOrder', {
templateUrl : 'add_order.html',
controller : 'AddOrderController'
}).when('/ShowOrders', {
templateUrl : 'show_orders.html',
controller : 'ShowOrdersController'
}).otherwise({
redirectTo : '/AddNewOrder'
});
}]）;
AngularJS路由器配置不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.