Question

我是角色新手并且有关于数据持久性的查询。我有一个场景，我必须坚持数据。我在主页上，我有一个个人详细信息表格，在/ personaldetails路径上有反应。用户需要填写数据并单击下一步按钮以移至路径/教育的下一页，其中有另一种形式。

可能会发生用户认为他必须更正个人详细信息页面上的某些数据。他点击后退按钮，从/ education转到/ personaldetails。

这里我想保留数据。我希望输入字段中的数据与用户在开启/ personaldetails时输入的数据一样。

我如何实现它。请分享任何有用的工作代码或任何参考资料。我尝试搜索类似的查询，但没有运气。

Answer 1

使用服务来保留条目：

import { Injectable } from '@angular/core';

    @Injectable()
    export class StorageService {

        private value: string;

        constructor() { }

        getValue(): string {
           return this.value;
        }

        setValue(value: string) {
            this.value = value;
        }
   }

当用户点击“下一步”时，您只需将其条目存储在此服务中。当用户点击“返回”时，您可以从服务中获取已输入的值。

注意！您必须通过相应的模块导入并提供此服务。

在您的组件中，您可以这样做：

import {StorageService} from 'storage.service.ts';

constructor(
 private storageService: StorageService
){}

private saveEntries(): void {
  this.storageService.setValue(entries);
}

当然“条目”不一定是字符串。它可以是任何一种原始或对象。

Angular 2：持久数据

1 个答案: