建立在@ CallMeAnytime好的回答上。
要声明一个服务，你需要在模块中指定它为提供者，为了简单起见，在app.module.ts中这样说：

@NgModule({
  declarations: [AppComponent],
  imports: [...],
  providers: [YourServiceName],
})
export class AppModule {}

然后创建服务文件yourServiceName.service.ts：

@Injectable({providedIn: 'root'}) //Note that you will need to declare it as `@Injectable`. 
export class YourServiceName {
  private _diceResults: number[] | null = null;
  public set diceResults(result: number[] | null) {
    this._diceResults = result;
    if(result != null) localStorage.setItem("diceResults", JSON.stringify(result));
    else localStorage.removeItem("diceResults");
  }

  public get diceResults(): number[] | null {
    if(this._diceResults == null) {
      const data = localStorage.getItem("diceResults");
      this._diceResults = JSON.parse(data)
    }
    return this._diceResults;
  }
}

然后将变量、getter和setter声明为前面提到的@CallMeAnytimeOkay。
要使用该变量，您需要将服务注入到组件中。

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss'],
})
export class AppComponent {
  diceResults: number[] = [];

  constructor(public yourService: YourServiceName) { }

  rollTheDice() {
    for (let i in this.diceGame) {
      for (let a = 0; a < this.diceGame[i].numberOfDices; a++) {
        this.diceResults.push((Math.random() * (this.diceGame[i].numberOfFaces - 1) + 1))
      }
    }
    this.yourService.diceResults = this.diceResults;
  }
}

您可以按如下方式将数据保存在服务中：

export YourServiceName {
private diceResults: number[] = [];

}

在该服务中创建getter和setter：

setDice(diceValues : number[]) {
this.diceResults = diceValues
}
getDice():void {
return this.diceResults
}

然后可以在组件中调用这些。

创建一个新的服务，该服务应监督数据保存并实现该服务中的逻辑。它应具有一个合适的对象来存储值。它应具有操作该对象的函数，最好具有一个保存要持久化的值的参数。
然后将服务注入到创建/计算骰子结果的组件中，然后以结果作为参数从服务调用操作方法，例如当您按下按钮时。
进一步阅读：Angular Data Tutorial