Angular 4依赖注入学习教程之依赖注入学习教程之ValueProvider的使用(七)的使用(七)
学习目录学习目录
Angular 4 依赖注入教程之一 依赖注入简介
Angular 4 依赖注入教程之二 组件服务注入
Angular 4 依赖注入教程之三 ClassProvider的使用
Angular 4 依赖注入教程之四 FactoryProvider的使用
Angular 4 依赖注入教程之五 FactoryProvider配置依赖对象
Angular 4 依赖注入教程之六 Injectable 装饰器
Angular 4 依赖注入教程之七 ValueProvider的使用
Angular 4 依赖注入教程之八 InjectToken的使用
前言前言
本文主要给大家介绍了关于Angular 4依赖注入之ValueProvider使用的相关内容,分享出来供大家参考学习,下面来一起详细
的介绍:
本系列教程的开发环境及开发语言:本系列教程的开发环境及开发语言:
Angular 4 +
Angular CLI
TypeScript
基础知识基础知识
ValueProvider 的作用的作用
ValueProvider 用于告诉 Injector (注入器),但使用 Token 获取依赖对象时,则返回 useValue 指定的值。
ValueProvider 的使用的使用
const provider: ValueProvider = {provide: 'someToken', useValue: 'someValue'};
ValueProvider 接口接口
export interface ValueProvider {
// 用于设置与依赖对象关联的Token值,Token值可能是Type、InjectionToken、
// OpaqueToken的实例或字符串
provide: any;
// 设置注入的对象
useValue: any;
// 用于标识是否multiple providers,若是multiple类型,则返回与Token关联的依赖
// 对象列表
multi?: boolean;
}
json-server 简介简介
json-server 用于基于 JSON 数据快速地创建本地模拟的 REST API。
json-server 的安装的安装
npm install -g json-server
json-server 的使用的使用
json-server --watch db.json
Angular CLI 代理配置代理配置
创建 proxy.conf.json 文件
{
"/heros": {
"target": "http://localhost:3000",
"secure": false
}
}