角js路線不工作
[英]angular js route not working
問題描述
我有以下代碼。我正在嘗試的是制作一個簡單的登錄和儀表板應用程序。 成功登錄后，用戶可以看到儀表板，我有兩條路線登錄和儀表板初始登錄路線是默認的一旦登錄成功然后我想路由到儀表板路線，相應的模板和控制器應該加載但不知何故不起作用。 我需要幫助才能找出問題所在
的index.html
<html lang="en" ng-app="salesApp">
<body ng-controller="loginController">
<form name="loginForm">
<!--login form-->
</form>
<script src="./js/lib/angular.min.js"></script>
<script src="./js/lib/angular-route.min.js"></script>
<script src="./js/app/salesApp.js"></script>
<script src="./js/controller/loginController.js"></script>
<script src="./js/services/communicationService.js"></script>
</body>
</html>
loginController.js
app.controller('loginController', function($scope, $http, communicationService, $location){
$scope.isLoginFailed = false;
$scope.login= function(){
$http.get("http://localhost:8080/login?username=" + $scope.user.username + "&password=" + $scope.user.password)
.success(function(response){
if(response.sessionId && response.loginSucceeded){
$location.path("/login");
}else{
$scope.isLoginFailed = true;
}
});
}
});
salesApp.js
var app = angular.module("salesApp", ['ngRoute']);
app.config(['$routeProvider',
function($routeProvider) {
debugger;
$routeProvider.
when('/login', {
templateUrl: '../../login.html',
controller: 'loginController'
}).
when('/dashboard', {
templateUrl: '../../dashboard.html',
controller: 'dashBoardController'
}).
otherwise({
redirectTo: '/login'
});
}]);
app.controller('dashBoardController', function($scope, $http, communicationService){
$scope.sessionData = communicationService.getSessionData();
$scope.isValidSession - $scope.sessionData.sessionId !== null ? true : false;
$scope.isValidSession = $scope.isValidSession && $scope.sessionData.loginSucceeded;
});
dashboard.html
<html ng-app="salesApp">
<head>
</head>
<div ng-view ng-controller="dashBoardController">
<h1>
demo
</h1>
</body>
但登錄和儀表板路線都沒有被解雇，任何人都可以幫我找出我做錯了什么
1 個解決方案
解決方案1
6 2015-03-22 17:44:07
您不必在部分模板中重復角度ng-app和ng-view ng-controller="dashBoardController"指令。 像這樣更改dashboard.html ：
<h1>demo</h1>
但是在index.html你必須把ngView放在某個地方。 它將填充加載的模板：
<div ng-view></div>
使用固定代碼檢查演示：
Angular.js路由不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.