javascript – 如何在角度js中更改控制器的视图?
作者:互联网
我是角度js的新手,并尝试使用ng-view和ngRoute指令.
我有一个loginPage.html,其中我有登录按钮的代码,如下所示
<button class="button button-block" ng-click="login()">Log In</button>
点击按钮,loginController中的登录功能将被执行,我的控制器编写如下:
var App = angular.module('App', ['ngRoute']);
App.config(['$routeProvider',
function($routeProvider) {
$routeProvider.
when('/', {
templateUrl: 'loginPage.html',
controller: 'loginController'
}).
when('/home', {
templateUrl: 'homePage.html',
controller: 'homeController'
});
}]);
App.controller('loginController', ['$scope', '$http', '$location', function($scope, $http) {
console.log("Hello from login controller");
$scope.login = function() {
//console.log($scope.user);
$http.post('/login', $scope.user).success(function(response) {
if(response.status == "true")
//if the response is true i want to go to homepage.html.
else
$scope.error="Invalid login! Please try again";
$scope.user.email="";
$scope.user.password="";
});
};
}]);
如果response.status == true,那么我想将我的视图更改为/ home.有人可以告诉我该怎么做?
谢谢.
解决方法:
if(response.status == "true")
$location.path("/home");
不要忘记将$location添加到控制器参数中,如下所示:
['$scope', '$http', '$location', function($scope, $http, $location)...
另外,将else语句包装在括号中,否则只有第一行在语句中:
else {
$scope.error="Invalid login! Please try again";
$scope.user.email="";
$scope.user.password="";
}
标签:javascript,angularjs,angularjs-ng-route,ngroute,ng-view 来源: https://codeday.me/bug/20190702/1355020.html