Question

我的应用程序显示可以编辑的profile name。当我编辑它时，它会改变。当我导航并返回时，数据重置。

我尝试将数据（配置文件名称）保存为String变量，尝试将数据作为列表保存，并使用String[0]显示名称以显示未移动的配置文件名称。

先行

<h3>{{profileService.profileName}}'s Profile</h3>

this.profileService.changeName(this.pName);

changeName(data){
    this.profileName = data;
}

第二次

<h3>{{profileService.profileNames[0]}}'s Profile</h3>

this.profileService.changeName(this.pName);

changeName(data){
    this.profileNames.unshift(data);
}

因此，同样，这最初在我从编辑页面转到主页时更新。当我转到另一个页面并返回时，更新的配置文件名称为MISSING。谢谢！

Answer 1

您已确保：

是否同时为主页和编辑页面提供服务？

这可以通过以下方式完成：在app.module.ts中（我想您希望所做的更改在整个应用程序中保持不变）

@NgModule({
  declarations:[
  //your components here
  ],
  imports:[
  //your modules here 
  ],
  providers:[
  ProfileService //and other services
  ]
})

或在profile.service.ts

中

import { Injectable } from '@angular/core';
@Injectable({
  providedIn: 'root'// which means there will be a single instance of the service in the whole application
})
export class ProfileService {
}

主页和编辑页面之间的导航是使用Angular Router：https://angular.io/guide/router

导航，页面更改后数据丢失

1 个答案: