这是我在angularjs中的第一页设置。一切工作正常,直到我试图添加路由。出于某种原因,我似乎无法前往Home screen
。我的代码工作正常,但我无法路由该页面。即使我加了$location.path()
但它没有工作。是否有任何其他方式来验证登录页面和路由
这是我plunker:https://plnkr.co/edit/9O5dHYZMKAqF07y7moVT
这里是我的代码:HTML
<div class="package col-md-12" ng-controller="credientials">
<form ng-submit="loginform()" class="ng-scope ng-pristine ng-valid">
<div class="form-group col-md-4">
<label form="emailinput"><b>Email</b></label>
<input type="email" class="form-control" name="username" id="emailinput" placeholder="Enter email" ng-model="username">
</div>
<div class="form-group col-md-4">
<label form="pwdinput"><b>Password</b></label>
<input type="password" class="form-control" name="password" id="pwdinput" placeholder="Password" ng-model="password">
</div>
<a ng-click="reloadPage()" class="navbar-brand" title="home"></a>
<div class="col-md-4">
<button type="cancel" class="btn" ng-click="toggle_cancel()">Cancel</button>
<button class="btn btn-primary" ng-click="">Login</button>
</div><br/>
<span class="text-danger">{{ info }}</span>
</form>
</div>
AngularJs:
var app = angular.module('logapp',['ngRoute']);
app.controller('credientials', function($scope,$route,$location,authentication) {
$scope.Urltemplate =
[
{ url: 'login.html' },
{ url: 'home.html'}
];
$scope.template = $scope.Urltemplate[0];
$scope.loginform = function (username, password) {
if ($scope.username === '[email protected]' && $scope.password === '1') {
authentication.isAuthenticated = true;
$scope.template = $scope.Urltemplate[1];
$scope.user = username;
$scope.info = authentication.isAuthenticated;
$location.path("/home.html");
} else {
toastr.error('Invalid username and password');
}
};
});
2东西更新。将$ location.path('home.html')更改为$ location.path(“/ home”); '/ home'是您的注册路线,其次是您的index.html中缺少
。这告诉路由切换视图 –@PrinayPanday。我纠正了我的错误并做了修改。但是,当我包括'ng-view'我得到控制器不匹配错误。我不知道为什么? – phoine