当转到下一页时，如何在填写表单字段时填写数据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

回答

相关问题