五、service(服务)

实现组件中页面数据共享

一、生成

ng g service services/common

二、配置

在根模块app.module.ts中配置

import {CommonService} from './services/common.service';
@NgModule({
 ...
  providers: [CommonService]
})
export class AppModule { }

三、组件中使用

在service中定义一个数据

组件中导入

import {CommonService} from '../../services/common.service'
...
export class HomeComponent implements OnInit {
  public city:any;
  constructor(public common:CommonService) { }
  ngOnInit() {
    this.city=this.common.defaultCity
  }
}