使用ng-repeat将表单元素绑定到角度中的新对象

Question

在控制器中我会收到大约200集，其中一些包含一个演员对象：

$http.get('/episodes.json').success(function(data) {
  $scope.episodes = data;
});

在视图中我显示了演员，我有输入来编辑他们的名字：

.actor{ng_repeat:"actor in episode.actors"}

  .actor-name
    %a
     {{actor.first_name}} {{actor.last_name}}
  .actor-input
    %input{type: 'text', ng_model:"actor.first_name"}
    %input{type: 'text', ng_model:"actor.last_name"}

在每组演员之后，我想要一个空字段来为剧集添加新演员。

• Jon Benjamin
• Judy Greer
• [名字] [姓氏] 添加演员+

---

绑定空白actor以添加到当前episode.actors对象的最佳方法是什么？

最终目标是使用$http提交，将actor保存到数据库，然后在success上显示列表中的actor，并显示一个新的空白actor字段。

Answer 1

我认为你不应该改变你的模型来添加一个特殊的＆＃34;成员作为占位符。

我宁愿拥有.actor{ng-repeat:...，只需在此人之后添加空的actor输入字段。

您的代码会更简单，并且您将避免在演员尚未持久化时处理特殊情况的复杂性。