Question

我无法弄清楚如何在我的工厂中创建一个新实例。我在初始工厂中创建了一个构造函数

app.factory('Tea',function(){

var Tea = function(name,description,price,caffeine, size ) {
    this.name = name;
    this.description = description;
    this.price = price;
    this.caffeine = caffeine;
    this.size = size;
}

Tea.prototype.toString = function(){
    var returnString='' ;
    returnString += "name" + this.name + "\n" +
    "description: " + this.description + "\n" +
    "price: " + this.price + "\n" + "caffeine: " + this.caffeine + "\n" + "size: " + this.size;

return returnString
}
return Tea;
})

在我的下一个工厂，我确保注入茶，这样我就可以创建新实例。我创建了一个对象来存储我的数组并创建了一个推送新实例的方法

app.factory("DrinkList",function(Tea){

  var beverageList = {
    drinkLibrary: []
  };

  beverageList.newItem = function(){
    beverageList.drinkLibrary.push(new Tea);
  }
  console.log(beverageList);
  return beverageList;

  })

在我的控制器中，我确保引用我创建的两个工厂。但是，drinkList.newItem未定义。

 app.controller('myController', function($scope,Tea,DrinkList ) {

  $scope.drinkList = DrinkList.newItem();
  console.log(DrinkList.newItem());

});

Answer 1

我一直在努力更好地掌握工厂和控制人员。

在我的工厂里，我创建了一个实例

app.factory('Drink',function($http) {
var Drink = function(name,description,caffeineLevel) {
    this.name = name;
    this.description = description;
    this.caffeineLevel = caffeineLevel;

}

return Drink;
})

这需要一些清理，但我意识到我需要在我的表单中使用ng-model。我已经声明了一个可以重用的表单并将其存储在函数中。我每次点击提交时都会创建新实例。还有更多我需要学习但这是一个开始。

app.controller('myController', function($scope,Drink,$http  ) {
var init = function() {
     $scope.defaultForm = {
        beverageName: "",
        description: "",
        caffeine: ""
    };
}
init();
// $scope.defaultForm = defaultForm;


$scope.allDrinkList = [];
$scope.drinkList= function(obj) {
    var newdrink = new   
    Drink(obj.beverageName,obj.description,obj.caffeine);
    $scope.allDrinkList.push(newdrink);
    console.log($scope.allDrinkList);
    init();

});

如何在工厂中创建新实例

1 个答案: