Question

在角度2中，我有一个表单，当用户完成它并单击下一页时，填充的数据将显示在下一页中。我的两个页面的html是相同的，但第二个有额外的字段。我希望两个页面中常见的字段都能获得数据在第一页。例如，其中一个字段是这样的：

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

请帮我写代码或给我一些例子。感谢您以简单的方式提供帮助。

Answer 1

您可以使用Injectable类访问不同路径中的数据：

@Injectable
export class DataService {
  let data;

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

Answer 2

您需要先将数据保存到本地变量，然后在转到下一页时返回数据：）

如何在下一页角度2时保持数据填写表单字段

2 个答案: