如何获取Angular组件状态的快照？

Question

我有估计应用程序的概念（使用angular-cli构建），其中用户可以拥有多个子组件的动态数量，并且需要为将来的编辑/导出存储组件状态/数据。

Answer 1

Angular提供了service的概念来存储组件的状态以供进一步使用。每个服务实例都是一个单例对象。

方式写在服务角2

MyService.ts

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

@injectable() 
export class MyService { 
    compState: string; 

    getCompState() { 
    return this.compState; 
    } 

    setCompState(state) { 
    this.compState = state; 
    } 
} 

路与角模块来注册它

app.module.ts

import {NgModule} from '@angular/core'; 
import {MyService} from './MyService'; 

@NgModule({ 
    imports: [...], 
    declarations: [...], 
    providers: [MyService] 
}) 

export AppModule {} 

的方式来使用它

MyComp.ts

import {Component} from '@angular/core'; 
import {MyService} from './MyService'; 

@Component({}) 

export MyComp { 
    constructor(private myService: MyService) { 

    } 
}