Angular 4 依赖注入教程之一 依赖注入简介

目录

• Angular 4 依赖注入教程之一 依赖注入简介

• Angular 4 依赖注入教程之二 组件服务注入

• Angular 4 依赖注入教程之三 ClassProvider的使用

• Angular 4 依赖注入教程之四 FactoryProvider的使用

• Angular 4 依赖注入教程之五 FactoryProvider配置依赖对象

• Angular 4 依赖注入教程之六 Injectable 装饰器

• Angular 4 依赖注入教程之七 ValueProvider的使用

• Angular 4 依赖注入教程之八 InjectToken的使用

阅读须知

本系列教程的开发环境及开发语言：

• Angular 4 +

• Angular CLI

• TypeScript

基础知识

Angular CLI 基本使用

• 安装 Angular CLI (可选)

npm install -g @angular/cli

• 创建新的项目

ng new PROJECT-NAME

• 启动本地服务器

cd PROJECT-NAME
ng serve

依赖注入简介

在介绍依赖注入的概念和作用前，我们先来看个例子。各位看官请睁大眼睛，我要开始 "闭门造车" 了。

示例说明

一辆车内部构造很复杂，出于简单考虑，我们就只考虑三个部分：车身、车门和引擎。接下来我们来定义各个部分。

1.定义车身类

export default class Body { }

2.定义车门类

export default class Doors { }

3.定义车引擎类

export default class Engine {
  start() {
    console.log('                        
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!