angularJS 中 factory

factory是angular里的一种service

angular 里面创建service最简单的方式是使用factory()方法

 

在service里面当我们仅仅需要的是一个方法和数据的集合且不需要处理复杂的逻辑的时候,factory()是一个非常不错的选择

 

factory是一个可注入的function , 它和service的区别就是:factory是普通的function , 而 service是一个构造器,这样angular在调用service时会使用new关键字,而调用factory时只是调用普通的function , 所以factory可以返回任何东西,而service可以不返回,factory可以返回任何东西;

 

<html ng-app="app">
  <head>
    <title></title>
  </head>

  <body>
    <div ng-controller="ProfileController">
      <input type="text" ng-model="profile.user.name">
      <h2 ng-show="!profile.isValid()">
        Username required
      </h2>
    </div>

    <script type="text/javascript" src="angular.js">
    </script>
    <script type="text/javascript">
      var app = angular.module('app', []);

      app.factory('userService', function($timeout) {
        var user = {};
        $timeout(function() {
          user.name = 'Username';
        }, 500);

        return user;
      });

      app.factory('profileService', function(userService) {
        var ret = {
          user: userService,
          isValid: function() {
            return ret.user && ret.user.name;
          }
        };

        return ret;
      });

      app.controller('ProfileController', function($scope, profileService) {
        $scope.profile = profileService;
      });
    </script>
  </body>
</html>

  

posted @ 2018-10-31 13:21  董七  阅读(2006)  评论(0编辑  收藏  举报