Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <body>
- <div ng-app="myApp" ng-controller="myCtrl">
- <div ng-view></div>
- <form ng-submit="login(username, password)">
- <label>User name</label>
- <input type="text" ng-model="username" class="ng-pristine ng-valid">
- <label>Password</label>
- <input type="password" ng-model="password" class="ng-pristine ng-valid">
- <br/>
- <br/><br/>
- <button class="btn btn-success" ng-click="">Submit</button>
- <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
- </form>
- </div>
- <script>
- var app = angular.module('myApp', ['ngRoute']);
- app.config([ '$routeProvider', '$locationProvider',
- function($routeProvider, $locationProvider) {
- $routeProvider.when('/home', {
- templateUrl : 'home.html',
- controller : 'HomeController'
- }).
- $routeProvider.when('/', {
- templateUrl : 'index.html',
- controller : 'myCtrl'
- }).
- otherwise({
- redirectTo: 'home.html'
- });
- //$locationProvider.html5Mode(true); //Remove the '#' from URL.
- }
- ]);
- app.controller('myCtrl', function($scope,$location) {
- // $scope.count = '';
- $scope.login = function(username, password) {
- if (username == 'admin' && password == '1234')
- {
- $location.path("/home" );
- }
- else
- {
- alert('invalid username and password');
- }
- }
- });
- </script>
- </body>
- <!DOCTYPE html>
- <html>
- <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
- <body>
- <div ng-app="myApp" ng-controller="HomeConroller">
- <button ng-click="myFunction()">Click Me!</button>
- <p>{{ count }}</p>
- </div>
- <script>
- var app = angular.module('myApp', []);
- app.controller('HomeConroller', function($scope) {
- $scope.count = 0;
- $scope.myFunction = function() {
- $scope.count++;
- }
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement