2

对 angularjs 来说非常新,所以如果它很简单,请原谅我。

我想使用 angularjs 的 ng-repeat 为输入字段创建动态行。基本上我有一个问题对象,我想为该问题添加选项,默认情况下用户将有 2 行选项,但他/她可以添加更多选项来添加另一行。

提琴手

<div nd-repeat="option in question.options">
      <label>{{$index+1}}</label>
          <input type="text" ng-model="option.number" ng-change="change()" />
      <input type="text" ng-model="option.description" ng-change="change()" />
      <br/>
  </div>

基本上我面临两个问题:

我应该如何使用 ng-model 添加具有 2 个输入(空)的新行,并将该 ng-model 读回控制器中?我不想添加任何空字段的新选项,我希望将选项对象添加到数组中,并且当用户编辑这些输入字段时,应该通过 ng-model 在控制器中更新值

如何形成问题对象,以便我可以将其发送到问题对象具有作为选项数组的属性的服务器(自动映射应该可以工作)

这是我在服务器端的模型以供提问和选择..

public class Option
{
    public int Number { get; set; }
    public string Description { get; set; }
}

public class Question
{
    public int Id { get; set; }
    //....opther properties
    public Option[] Options { get; set; }
}
4

1 回答 1

6

最简单的方法是使用新行的“option_new”模型:http: //plnkr.co/edit/KERIO0

于 2013-03-08T17:31:16.723 回答