angularjs - 在角度工厂中使用角度变量

Question

我是 Angular 的新手......在下面的代码中，我需要 $scope.slugname 在 Angular Factory(Test)中使用变量范围......

var myApp = angular.module('myApp', ['infinite-scroll']);

myApp.controller('DemoController', function($scope, Test) {
  $scope.slugname ="slugname";
  $scope.test = new Test();
});

myApp.factory('Test', function($http) {
  var test = function() {
    this.items = [];
    this.busy = false;
    this.after = '';
  };

  Test.prototype.nextPage = function() {
    if (this.busy) return;
    this.busy = true;

    var url = 'baseURL/?slug='+$scope.slugname;  //<-- I need to use variable($scope.slugname) here
    $http.jsonp(url).success(function(data) {
      var items = data.data.children;
      for (var i = 0; i < items.length; i++) {
        this.items.push(items[i].data);
      }
      this.after =  this.items[this.items.length - 1].id;
      this.busy = false;
    }.bind(this));
  };

  return Test;
});

Answer 1

不能在工厂内使用范围变量。或者，您可以将范围变量作为参数传递给工厂函数。

myApp.controller('DemoController', function($scope, Test) {
  $scope.slugname ="slugname";
  $scope.test = new Test($scope.slugname );
});

myApp.factory('Test', function($http) {
  var test = function() {
    this.items = [];
    this.busy = false;
    this.after = '';
  };

  Test.prototype.nextPage = function(name) {
    if (this.busy) return;
    this.busy = true;

    var url = 'baseURL/?slug='+$scope.slugname;
    $http.jsonp(url).success(function(data) {
      var items = data.data.children;
      for (var i = 0; i < items.length; i++) {
        this.items.push(items[i].data);
      }
      this.after =  this.items[this.items.length - 1].id;
      this.busy = false;
    }.bind(this));
  };

  return Test;
});