2017-06-05 2 views
-1
//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 ImageCode funktioniert nicht in Winkel js

i sehr neu für Winkel js Dieses Beispielcode ist für Seite melde Dich an, aber wenn ich Index-Seite öffnen nichts zu sehen ist, sollte es umleiten page.any anmelden Hilfe würde geschätzt werden.

+1

Arbeits Wo ist Ihre Index-Seite Code? – NNR

+0

danke für die Antwort, eigentlich habe ich Screenshot von Code hinzugefügt, aber es ist nicht hier zu zeigen .. http://i.stack.imgur.com/GBdze.png in diesem Link Index-Code ist verfügbar .. – krish

+0

Wo ist die Routing für die Indexseite in Ihrem Controller – NNR

Antwort

0

Versuchen einschließlich der Winkel zuerst:

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

bereits enthalten! – krish

+0

Ja, aber die Reihenfolge ist wichtig. – rrd

+0

versucht, immer noch nicht funktioniert. – krish

0

Hergestellt Plunker. Sieht aus wie

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'); 
     } 
    }; 
}); 
+0

danke für die Antwort aber nicht funktioniert – krish

+0

Haben Sie diesen Link überprüft. Es funktioniert für mich. – NNR

+0

ja ich überprüft, ich denke, das ist ein anderer Fall, in der ersten Seite lösen Link ist da, aber in meinem Fall möchte ich Anmeldeseite anzeigen, wenn Indexseite geöffnet ist – krish