javascript - Angular 将字符添加到数组中

Question

我是 Angular 新手，我正在尝试创建一个添加字符表单字段，但我做错了

这是我的带 Angular html 表单

<form class="add_character" ng-submit="characterController.addCharacter(characters)">
          <input ng-model="addCharacterCtrl.character.name" type="text">
          <input ng-model="addCharacterCtrl.character.last_name" type="text">
          <input ng-model="addCharacterCtrl.character.age" type="text">
          <textarea ng-model="addCharacterCtrl.character.history" name="" id="" cols="30" rows="10"></textarea>
          <input type="submit">
      </form>

这是我的 Controller ，其中包含添加字符功能:

app.controller('CharacterController', function() {
this.characters = personages;


this.addCharacter = function(newCharacter){
  addCharacter.push(this.characters);

  this.addCharacter = [];
};
  });



  var personages = [
{
  name: 'Character',
  last_name: 'character',
  age: 21,
  history: 'character info',
},
{
  name: 'Character2',
  last_name: 'character',
  age: 44,
  history: 'character info',
}


  ];

这是我得到的错误:

Blockquote angular.js:13920 TypeError: Cannot read property 'push' of undefined at Object.addCharacter (addCharacter.js:11) at fn (eval at compile (angular.js:14817), :4:394) at b (angular.js:15906) at e (angular.js:25885) at m.$eval (angular.js:17682) at m.$apply (angular.js:17782) at HTMLFormElement. (angular.js:25890) at Sf (angular.js:3497) at HTMLFormElement.d (angular.js:3485)

希望有人能帮助我

Answer 1

您必须制作像 [] 一样的 addCharacter 和 Array，而不是像 {} 一样的 Object。

所以写:

this.addCharacter = [];

而不是:

this.addCharacter = {};