angularJS 中 factory

最新推荐文章于 2024-05-15 19:31:45 发布

weixin_30267691

最新推荐文章于 2024-05-15 19:31:45 发布

阅读量849

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dyy-dida/p/9882465.html

版权

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>

转载于:https://www.cnblogs.com/dyy-dida/p/9882465.html

weixin_30267691

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angularJS 中 factory

factory是angular里的一种serviceangular 里面创建service最简单的方式是使用factory()方法在service里面当我们仅仅需要的是一个方法和数据的集合且不需要处理复杂的逻辑的时候,factory()是一个非常不错的选择factory是一个可注入的function , 它和service的区别就是:factory是普通的func...
复制链接

扫一扫