这是我的app.js单页的应用程序,问题让其他页面的数据使用AngularJs
var myApp = angular.module('myApp', ['ngRoute']);
myApp.config(function($routeProvider){
$routeProvider.when('/',{
templateUrl: 'views/home.html',
controller: 'homeCtrl'
}).when('/detail',{
templateUrl: 'views/details.html',
controller: 'detailCtrl'
}).otherwise({
redirectTo: '/home'
});
});
myApp.controller('homeCtrl',function($scope){
$scope.message ="Welcome to your Home Page"
});
myApp.controller('detailCtrl',function($scope){
$scope.message ="Name: Manish"
});
这是index.html页面,
<html >
<head>
<meta charset="ISO-8859-1">
<title>Try It Out</title>
<script type="text/javascript" src="js/angular.js"></script>
<script type="text/javascript" src="js/angular-route.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</head>
<body ng-app="myApp" ng-controller="homeCtrl" style="text-align: center;">
<span ><a href="/">{{message}}</a></span><br>
<a href="#/">Home</a>
<a href="#/detail">Details</a>
<br><br>
<div ng-view></div>
<h4>copyright 2017</h4>
</body>
</html>
这是我home.html的
<h3>Home</h3><br>
{{message}}
在details.html相同
<h3>Details</h3><br>
{{message}}
问题是当我在服务器上运行它首先在主页上,但是当我点击details..its不显示Details.html的消息。 及主要问题是URL ...点击详细信息链接..
http://localhost:7675/AngularJSinglePage/#!/#%2Fdetail
如u可以看到“!/#%2F”这来自于between..don't来自哪里,它应该知道像这样
http://localhost:7675/AngularJSinglePage/#/detail
任何一个人都面临同样的问题?帮助我,我正在尝试使用AngularJS学习SPA?
你有没有尝试过的'/'删除''#?在你的'
Yup i did try removing "#" before "/" . then when i click on "Details" achor link ,then URL comes like this (http://localhost:7675/detail) but it should be like (http://localhost:7675/AngularJSinglePage/detaul) – Manish