如何用angularjs中的2个相同控制器制作原型？

发布时间：2020-12-17 17:38:34 所属栏目：安全来源：网络整理

导读：在我的应用程序中,我有两个几乎相同的控制很多功能都是一样的,所以我想把它们原型化.这是控制器#1： c2gcontroller.js angular.module('c2gyoApp') .controller('C2gCtrl',function($scope) { // some unique stuff $scope.feeDay = 59; ... // the identica

在我的应用程序中,我有两个几乎相同的控制很多功能都是一样的,所以我想把它们原型化.这是控制器#1：

c2gcontroller.js

angular.module('c2gyoApp')
  .controller('C2gCtrl',function($scope) {
    // some unique stuff
    $scope.feeDay = 59;
    ...
    // the identical functions
    $scope.getMinutes = function(minutes) {
      var duration = moment.duration(minutes,'m');
      return duration.minutes();
    };
    ...
  });

和控制器#2：

c2gbcontroller.js

angular.module('c2gyoApp')
  .controller('C2gbCtrl',function($scope) {
    // some unique stuff
    $scope.feeDay = 89;
    ...
    // the identical functions
    $scope.getMinutes = function(minutes) {
      var duration = moment.duration(minutes,'m');
      return duration.minutes();
    };
    ...
  });

我已经尝试将$scope.getMinutes放入工厂：

smfactory.js

angular.module('c2gyoApp')
  .factory('smfactory',function() {
    return {
      getHours: function(minutes) {
        var duration = moment.duration(minutes,'m');
        return Math.ceil(duration.asHours() % 24);
      }
    };
  });

我已经将smfactory注入c2gcontroller.js

c2gcontroller.js(尝试#1)

angular.module('c2gyoApp')
  .controller('C2gCtrl',function($scope,smfactory) {
    ...
    // the identical functions
    $scope.getHours = smfactory.getHours(minutes);
    ...
  });

这会产生一个错误,即未定义分钟

line 33  col 42  'minutes' is not defined.

所以我尝试过：

c2gcontroller.js(尝试#2)

angular.module('c2gyoApp')
  .controller('C2gCtrl',smfactory) {
    ...
    // the identical functions
    $scope.getMinutes = function(minutes) {
      return smfactory.getHours(minutes);
    };
    ...
  });

这不会产生错误,但我的应用程序确实没有响应.基本上$scope.getMinutes现在不返回任何内容.

我已经阅读并观看了很多关于AngularJS服务,工厂,供应商的信息,但我不知道从哪里开始.原型c2gcontroller.js和c2gbcontroller.js的正确方法是什么？

解决方法

如何使用 angular.extend进行伪继承

/* define a "base" controller with shared functionality */
.controller('baseCtrl',['$scope',.. 
    function($scope,...) {

  $scope.getMinutes = function(minutes) {
    var duration = moment.duration(minutes,'m');
    return duration.minutes();
  };


.controller('C2gCtrl',['$controller','$scope',...
    function($controller,$scope,...) {

  // copies the functionality from baseCtrl to this controller
  angular.extend(this,$controller('baseCtrl',{$scope: $scope}));

  // some unique stuff
  $scope.feeDay = 59;

})

.controller('C2gbCtrl',{$scope: $scope}))

  // some unique stuff
  $scope.feeDay = 89;
})

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!