* 组件不能相互调用 * 服务能项目调用 * 服务里不能调用组件 * 组件里能调用服务 >创建服务组件 ``` ng g service serices/storage ``` >根模块引入 ~~~ //引入服务 import {StorageService} from './serices/storage.service'; ~~~ > 声明模块 ~~~ @NgModule({ declarations: [ AppComponent, TodolistComponent, ], imports: [ BrowserModule, FormsModule, AppRoutingModule ], providers: [ StorageService ,//这里 ], bootstrap: [AppComponent] }) ~~~ >需要使用本服务的组件中声明,注意路径的变化,以当前组件为路径的开始 ~~~ import {StorageService} from '../serices/storage.service'; ~~~ >在该组件加载的时候 实例化 ~~~ constructor(public substance:StorageService){ console.log(this.substance.get()); console.log((new StorageService).get()) console.log((new StorageService)) } ~~~