2

anglejsは非常に新しいので、簡単なものであればご容赦ください。

anglejsのng-repeatを使用して、入力フィールドの動的行を作成したいと思います。基本的に私は質問オブジェクトを持っていて、その質問にオプションを追加したいのですが、デフォルトではユーザーはオプション用に2行ありますが、質問購入にさらにオプションを追加して別の行を追加できます。

Jsfiddle

<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>

基本的に私は2つの問題に直面しています：

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 に答える