當轉到下一頁時，如何在填寫表單字段時填寫數據angular 2

在角度2中，我有一種表單，當用戶填寫並單擊下一頁時，填充的數據將顯示在下一頁中。我的兩個頁面的html是相同的，但第二個有額外的領域。我希望這兩個頁面中通用的字段能夠將數據放在第一頁。例如領域之一是這樣的：當轉到下一頁時，如何在填寫表單字段時填寫數據angular 2

<div class="group col-md-4 form-group"> 
     <input class="form-control" [(ngModel)]="user.numOfBeds" name="beds" type="text" required #beds="ngModel"> 
     <span class="highlight"></span> 
     <span class="bar"></span> 
     <label>Number Of Beds</label> 
     <div [hidden]="beds.valid || beds.pristine" 
      class="alert alert-danger"> 
      Please Fill! 
     </div> 
     </div>

請幫我如何編寫代碼或者給我一些例子。感謝您以簡單的方式提供幫助。

來源

2017-09-04 Amir Gh

看起來好像你想要一個服務，其中包含所有的表格數據 – John

如果你有相同的數據字段，那麼你爲什麼要創建新的模板。您也可以在同一個模板中處理額外的字段。 – jesusverma

@jesusverma我的意思是在第一頁中，我有一些輸入，當用戶點擊下一頁時，頁面重新加載並顯示具有輸入數據的輸入並顯示一些額外的輸入。 –

您可以使用注射類訪問不同的路線數據：

@Injectable 
export class DataService { 
    let data; 

    setData(data) { this.data = data; } 
    getData() { return this.data; } 
}

來源

2017-09-04 07:16:15 Carsten

我不明白 –

那麼也許你應該閱讀一些文檔 – Carsten

您需要將數據先保存在一個局部變量，然後將數據返回，當你去到下一個頁面:)

來源

2017-09-04 08:50:30

當轉到下一頁時，如何在填寫表單字段時填寫數據angular 2

回答

相關問題