基于 Ionic 2 多主题、多租户构建方案探索

2017-03-09
阅读 6 分钟
5.9k
公司的产品是一款2B的在线教育产品,已有的客户大多数都有定制化的需求,主要包括UI主题和二次开发的功能。本文围绕的主要内容是如何基于 Ionic 2 平台提供的工具,实现灵活的多主题方案。

Angular 2 DI - IoC & DI - 1

2017-03-09
阅读 6 分钟
15.4k
Ioc - Inversion of Control , 即"控制反转"。在开发中, IoC 意味着你设计好的对象交给容器控制,而不是使用传统的方式,在对象内部直接控制。  

Angular 2 Decorators - 3

2017-03-09
阅读 3 分钟
5.6k
在 Angular 2 Decorators part -1 和 part -2 文章中,我们介绍了 Decorator 的分类和 Angular 2 常见的内置装饰器,并且我们深入分析了 ComponentDecorator 内部工作原理。此外,我们还发现在 TypeDecorator 类装饰器内部,使用了 Reflect 对象提供的 getOwnMetadata 和 defineMetadata 方法,实现 metadata 信息的读取...

Angular 2 Decorators - 2

2017-03-09
阅读 8 分钟
9.7k
在 Angular 2 Decorators - part 1 文章中,我们介绍了 TypeScript 中的四种装饰器。本文的主要目的是介绍 Angular 2 中常见的内置装饰器。Angular 2 内置装饰器分类:

Angular 2 Decorators - 1

2017-03-09
阅读 5 分钟
9.6k
在我们深入了解 Angular 2 中 @NgModule、@Component、@Injectable 等常见的装饰器之前,我们要先了解 TypeScript 中的装饰器。装饰器是一个非常酷的特性,最早出现在 Google 的 AtScript 中,它出现的目的是为了让开发者,开发出更容易维护、更容易理解的 Angular 代码。令人兴奋的是,在2015年 Angular 团队跟 MicroSo...

Angular 2 OpaqueToken & InjectionToken

2017-03-09
阅读 4 分钟
13.5k
在 Angular 2 中,provider 的 token 的类型可以是字符串或 Type 类型。我们可以根据实际应用场景,选用不同的类型。假设我们有一个服务类 DataService,并且我们想要在组件中注入该类的实例,我们可以这样使用:

Angular 2 Forward Reference

2017-03-09
阅读 5 分钟
14k
Angular 2 通过引入 forwardRef 让我们可以在使用构造注入时,使用尚未定义的依赖对象类型。下面我们先看一下如果没有使用 forwardRef ,在开发中可能会遇到的问题:

Angular 2 Multi Providers

2017-03-09
阅读 4 分钟
13.9k
上面例子中,我们使用 multi: true 告诉 Angular 2的依赖注入系统,我们设置的 provider 是 multi provider。正如之前所说,我们可以使用相同的 token 值,注册不同的 provide。当我们使用对应的 token 去获取依赖项时,我们获取的是已注册的依赖对象列表。

Angular 2 Provider

2017-03-09
阅读 4 分钟
19.9k
在 Angular 2 中我们使用 Provider 来描述与 Token 关联的依赖对象的创建方式。Angular 2 中依赖对象的创建方式有四种,它们分别是:

Angular 2 Directive

2017-03-09
阅读 7 分钟
24.6k
Angular 2 的指令分为以下三种: 组件(Component directive):用于构建UI组件,继承于 Directive 类 属性指令(Attribute directive): 用于改变组件的外观或行为 结构指令(Structural directive): 用于动态添加或删除DOM元素来改变DOM布局 Angular 2 组件 组件示例: {代码...} Angular 2 内置属性指令 1.ngStyle指令: ...

Angular 4.x template syntax & common directives

2017-03-09
阅读 8 分钟
17k
阅读 Angular 6/RxJS 最新教程,请访问前端修仙之路 模板语法简介 插值表达式 {代码...} 等价于 {代码...} 模板表达式 属性绑定 输入属性的值为常量 {代码...} 等价于 {代码...} 输入属性的值为实例属性 {代码...} 等价于 {代码...} 事件绑定 {代码...} 等价于 {代码...} 模板引用变量 {代码...} 等价于 {代码...} 双向...