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

Question

在控制器中，我得到大约200集，其中有些包含actor对象：

$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"}

在每组演员之后，我希望有一个空白字段，以将新演员添加到剧集中。

• 乔恩·本杰明
• 朱迪·格里尔
• [ 名 ] [ 姓 ] 添加演员+

---

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

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

Answer 1

我不认为您应该更改模型以添加“特殊”成员以充当占位符。

我宁愿使用.actor{ng-repeat:...并且您只需在此人之后添加空的actor输入字段。

您的代码将更简单，并且可以避免在参与者尚未持久时处理特殊情况的复杂性。