下一页Angular 2时，如何将数据填充到表单字段中

Question

在Angular 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
export class DataService {
  let data;
  setData(data) { this.data = data; }
  getData() { return this.data; }
}

Answer 2

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