2017-06-18 113 views
1

我正在按照本指南創建模板驅動表單:https://angular.io/guide/formsAngular 2:如何創建輸入數組?

我需要一組輸入,例如,

<input 
    *ngFor="let screenshot of screnshots" 
    [(ngModel)]="screenshot.id" 
    type="text" 
    name="screenshots[]" /> 

但是在{{form.value}}中,它只顯示一個輸入值而不是多個。

我想要的{{form.value}}輸出是這樣的:{screenshots:[1, 2, 3]}

我需要這個只在陣列的形式。

是否有可能以這種方式實現?或者什麼是實現這一目標的最佳解決方案?

+0

使用模型驅動的形式formarray。 – Alex

回答

1

輸入文本類型不支持這樣的輸入類型選擇複選框或多個值呢,只是給每個輸入框中輸入一個不同的名稱,如該

<input 
    *ngFor="let screenshot of screnshots;let i = index" 
    [(ngModel)]="screenshot.id" 
    type="text" 
    name="'screenshot' + i" 
+0

我不同意!輸入類型文本絕對支持多個名稱相同的值,只需添加名稱爲[]的名稱 – user2899728

+0

非常有趣 – Dummy