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

Binding form elements to new objects in angular using ng-repeat

本文关键字：新对象 对象 repeat ng 表单 元素 绑定 使用      更新时间：2023-09-26

在控制器中，我得到了大约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
  • 朱迪·格里尔
  • [名字][姓氏]添加演员+

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

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

我认为您不应该更改模型以添加一个"特殊"成员作为占位符。

我宁愿有.actor{ng-repeat:...，你只需在这个家伙后面添加一个空的actor输入字段。

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

相关文章：