9.2 - 注入服务依赖并使用

• 因为 angular 中服务不是创建的时候自动引入的，所有需要手动引入服务，只有在注入服务依赖之后才可以在其他的组件中使用 ```typescript // src/app/app.module.ts // 引入服务 import { ListService } from ‘./services/list/list.service’

providers: [ListService]

<a name="wmOAi"></a>
### 在组件中使用
```typescript
// src/app/home/home.component.ts
// 引入服务
import { ListService } from '../services/list/list.service'
export class HomeComponent implements OnInit {
    constructor(private listService: ListService) { }
    list: Array<string> | undefined
    ngOnInit(): void {
        console.log(this.listService)
        this.list = this.listService.getList()
    }
}
// 组件中就可以直接使用 list 了
<div>{{ list }}</div>