Angular-Applications/services.html at master · ramaditya29/Angular-Applications · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html ng-app="myapp">
  <head>
    <meta charset="utf-8">
    <title>Services</title>
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.10/angular-route.min.js"></script>
    <script>
      var app = angular.module('myapp', ['ngRoute']);
      app.service('MyService',function() {
        var users = ['Aditya','Ravi', 'Rajesh'];
        this.getUsers = function() {
          return users;
        };
        this.getUser = function(username){
          console.log(username);
          if(users.indexOf(username) >= 0 )
          {
            alert("userfound");
            console.log(users.indexOf(username));
          }
          else
            alert("user not found");
        };
      });
      app.factory('SimpleFactory' , function() {
        return {
          listData: function(){
            return "Aditya";
          }
        };
      });
      app.controller('MyController', function($scope, MyService){
        $scope.names = MyService.getUsers();

        $scope.checkUser = function(username){
          MyService.getUser(username);
        };
      });
    </script>
  </head>
  <body ng-controller='MyController'>
   <ul>
    <li ng-repeat="name in names">{{name}}</li>
   </ul>
  <input type="text"  ng-model="name" /><input type="button" ng-click="checkUser(name)" value="Check" />
  </body>
</html>