Angular JS路由不起作用（簡單示例）
[英]Angular JS Route not working (Simple Example)
問題描述
我是AngularJS的初學者，並嘗試使用路由，但是由於某種原因，它無法正常工作，並且特殊字符也出現在URL中。 文件如下：
的index.html
<html ng-app="myRouteApp" lang="ens">
<head>
<title>Angular Route Project</title>
<script src="../js/angular.js"></script>
<script src="../js/angular-route.js"></script>
<script src="../js/script2.js"></script>
<link href="style.css" rel="stylesheet" />
</head>
<body>
<table style="Font-Family: Arial;">
<tr>
<td colspan="2" class="header">
<h1>WEBSITE HEADER</h1>
</td>
</tr>
<tr>
<td class="leftMenu">
<a href="#/home">Home</a>
<a href="#/courses">Courses</a>
<a href="#/students">Students</a>
</td>
<td class="mainContent">
<ng-view></ng-view>
</td>
</tr>
<tr>
<td colspan="2" class="footer">
<h5>WEBSITE FOOTER</h5>
</td>
</tr>
</table>
</body>
</html>
script2.js
var app = angular.module("myRouteApp", ["ngRoute"])
.config(function($routeProvider){
$routeProvider
.when("/home",{
templateUrl: "templates/home.html",
controller: "homeController"
})
.when("/courses",{
templateUrl: "templates/courses.html",
controller: "coursesController"
})
.when("/students",{
templateUrl: "templates/students.html",
controller: "studentsController"
})
})
.controller("homeController", function($scope){
$scope.message = "Home Page";
})
.controller("coursesController", function($scope){
$scope.courses = ["PHP", "JAVA", "C#", "C"];
})
.controller("studentsController", function($scope){
$scope.students = ["ALI", "Usama", "Usman", "Omer"];
})
我使用的所有代碼均與教程相同，但不知道出了什么錯誤！ 幫助將不勝感激。 謝謝
1 個解決方案
解決方案1
3 2017-09-28 17:47:35
默認情況下， hashPrefix為! 在ngRoute ，因此您的所有URL應該都有! 在其網址中。 這意味着您的網址應僅包含#!/ ，而不得包含#/ 。
<td class="leftMenu">
<a href="#!/home">Home</a>
<a href="#!/courses">Courses</a>
<a href="#!/students">Students</a>
</td>
更好的方法是完全擺脫! 來自URL。 您需要在應用程序的配置階段使用$locationProvider將hashPrefix設置為'' （空）。
app.config(['$locationProvider', function($locationProvider){
$locationProvider.hashPrefix('');
}])
簡單的角度示例不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.