我想创建一个简单的登录应用程序与angularjs使用路由，但事件不处理

-1

我想创建登录应用程序只使用angularjs，我已经使用了angularjs路由最初div在其中“ng-view”被定义的路线。但输入用户名和密码，当我点击按钮后一无所获到登录页面偏偏就是没有处理，即事件.. 下面是索引页面代码：我想创建一个简单的登录应用程序与angularjs使用路由，但事件不处理

<!DOCTYPE html> 
<html> 
<head> 
    <title>Login App</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
    <script src="angular-route.js"></script> 
</head> 
<body ng-app="mylogin"> 
<h1>Login Page</h1> 
<div ng-view></div> 
<script> 
    var app=angular.module('mylogin',['ngRoute']); 
    app.config(function($routeProvider){ 
     $routeProvider 
     .when('/',{ 
      templateUrl:"login.html" 
     }) 
     .when('/dashboard',{ 
      templateUrl:"dashboard.html" 
     }) 
     .otherwise({ 
      redirectTo:"/" 
     }); 
    }); 

app.controller("loginctrl",function($scope,$location) 
     { 
      $scope.submit=function() 
      { 
       var uname=$scope.username; 
       var pwd=$scope.password; 
       if($scope.username=='admin' && $scope.password=='admin') 
       { 
        $location.path('/dashboard'); 
       } 
      }; 
     }); 

</script> 
</body> 
</html>

下面

是登录页面代码：

<div ng-controller="loginctrl"> 
<form action="/" id="mylogin"> 
Username:<input type="text" id="username" ng-model="username"><br> 
Password:<input type="password" id="password" ng-model="pasword"><br> 
<button type="button" ng-click="submit()">Login</button>  
</form> 
</div>

来源

2016-12-31 nitin sachdev

是你看到在控制台中的任何错误消息？ – Claies

它看起来像你的事件**正在处理**，但由于错字，你没有得到你期望的结果。 – Claies

嗨@claies，谢谢你的回复，我现在改正了错误的工作 –