6

list から動的に作成されたこの入力があります。columnメソッドが発生したときに入力のすべての値を取得する必要があります(想像してくださいgetAllValues())

      <div *ngFor="let cell of column; let i = index;">
              <!-- Material design input-->
              <md-input type="{{cell.type}}" 
                 value="{{getInputValue(cell)}}" 
                 [placeholder]="cell.label">
              </md-input>
      </div>

生成されたすべての入力の値を取得する angular2 の方法はどれですか?

4

2 に答える 2

8

これを行う最も簡単な方法は、ngForm を使用することです。

<form #myForm="ngForm">
      <div *ngFor="let cell of column; let i = index;">
          <md-input [type]="cell.type" 
             [name]="cell.name"      <!-- Note the 'name' has to be set -->
             [ngModel]="cell.value"
             [placeholder]="cell.label"></md-input>
      </div>
      <a (click)="getAllValues(myForm)">print values</a>
</form>

次に、getAllValues() 関数で myForm.form.value オブジェクトにアクセスできます。Plnkr: https://plnkr.co/edit/84mzcNJliMmvszPq3xMm?p=preview

于 2016-11-10T19:19:27.317 に答える