代碼角JS

Question

//login.html 

<div ng-controller="loginController"> 
<form action="/" id="myLogin"> 
    User Name:<input type="text" ng-model="uname" /> <br /> 
    Password: <input type="password" ng-model="passwd"/> <br /> 
    <button type="button" ng-click="submit()">login</button> 
</form> 
</div> 

//controller.js 

var app = angular.module('myApp', ['ngRoute']); 

app.config(function($routeProvider) { 
    $routeProvider 

    .when('/', { 
     templateUrl: 'login.html' 
    }) 
    .when('/employeeReg', { 
     templateUrl: 'employeeReg.html' 
    }) 
    .otherwise({ 
     redirectTo:'/' 
    }) 
}); 

app.controller('loginController', function($scope, $location) { 
    $scope.submit = function() { 
     if ($scope.uname == 'admin' && $scope.passwd == 'admin') { 
      $location.path('employeeReg.html'); 
     } else { 
      alert('login failed'); 
     } 
    }; 
}); 

Attached Image不工作

我很新的角度JS，此示例代碼是隻需登錄頁面，但是當我打開索引頁沒有什麼是可見的，它應該重定向到登錄page.any幫助將受到歡迎。

Answer 1

嘗試包括角第一：

<script src='JS/angular.min.js'></script> 
<script src='JS/angular-route.min.js'></script> 

Answer 2

製造plunker。貌似工作

https://plnkr.co/edit/kHXK54?p=preview

var app = angular.module('myApp', ['ngRoute','ngSanitize']); 

app.config(['$routeProvider','$locationProvider', function($routeProvider,$locationProvider) { 
     $routeProvider 
      .when('/', { 
     templateUrl: 'login.html', 
     controller : 'loginController' 
     }) 
     .when('/employee', { 
      templateUrl: 'employee.html' 
     }) 
     .otherwise({ 
      redirectTo:'/' 
     }) 
    }]); 

app.controller('loginController', function($scope, $location) { 
    $scope.submit = function() { 
     if ($scope.uname == 'admin' && $scope.passwd == 'admin') { 
      $location.path('/employee'); 
     } else { 
      alert('login failed'); 
     } 
    }; 
});