摘要: 呈现一个实体对象的DOM结构,这个DOM有个自定义属性是需要动态赋值的,比如说 item.data 要绑到自定义属性 data 上;你可能会这么写: data="{{item.data}}" ,但直接用插值语法会报错的。 这里有个方案:自定义一个指令:“data”专门接收“item.data”数据, 阅读全文
posted @ 2017-06-09 12:41 乐小天 阅读(4318) 评论(0) 推荐(0) 编辑
摘要: 设计模式之单例 阅读全文
posted @ 2017-06-08 13:12 乐小天 阅读(175) 评论(0) 推荐(0) 编辑
摘要: Angular2组件间数据传递有多种方式,其中最常用的有两种,一种是配置元数据(或者标签装饰),一种是用单例模块传递;有两个元数据具有传递数据的功能:inputs和outputs。 一、元数据传递 1)配置inputs,接收外部传来的参数: 在inputs里配置输入属性,宿主同过这个属性就能把数据传 阅读全文
posted @ 2017-06-08 01:49 乐小天 阅读(20396) 评论(1) 推荐(1) 编辑
摘要: Angular2创建非自定义标签的组件;除了标签你可以使用样式、属性选择器。 阅读全文
posted @ 2017-06-08 00:23 乐小天 阅读(3919) 评论(2) 推荐(1) 编辑
摘要: Angular2有三种样式封装方式,分别是None、Native、Emulated。 可用元数据“encapsulation”配置,配置方式如下: encapsulation: ViewEncapsulation.None encapsulation: ViewEncapsulation.Emula 阅读全文
posted @ 2017-06-05 23:34 乐小天 阅读(446) 评论(0) 推荐(0) 编辑
摘要: Angular2 简易组件的编写 阅读全文
posted @ 2017-06-04 23:59 乐小天 阅读(336) 评论(0) 推荐(0) 编辑
摘要: JS原生API插入节点的方式大致有innerHTML、outerHTML、appendChild、insertBefore、insertAdjacentHTML、applyElement这6种。 这里总结一下各自的用法,并封装包含before、prepend、append、after、applyEl 阅读全文
posted @ 2016-05-21 15:33 乐小天 阅读(16931) 评论(0) 推荐(1) 编辑
摘要: 字符串的替换函数replace平常使用的频率非常高,format函数通常用来填补占位符。下面简单总结一下这两个函数的用法。 一、String.replace的两种用法 replace的用法如:replace(regexp, string|fn);第一个参数都是正则表达式,第二个参数可以是要替换的字符 阅读全文
posted @ 2016-05-10 21:56 乐小天 阅读(3811) 评论(0) 推荐(0) 编辑
摘要: JS编程中我们可能会遇到命名冲突的问题。命名冲突分两种情况来处理,对于模块内部,我们通常创建命名空间来解决;对于不同框架类库,我们采用无冲突处理(多库共存)的手段解决。 1.模块内部,注册命名空间 一个大模块可以细分成若干小模块,命名空间其实就是在大模块的作用域里面声明小的作用域,这样不同作用域之间 阅读全文
posted @ 2016-05-02 18:30 乐小天 阅读(565) 评论(1) 推荐(0) 编辑
摘要: 为富文本添加一个提交按钮,点击按钮可以获取富文本内容。但是在提交前或者提交后我想做一些操作,比如内容校验内容清空等等。 我们直接在该按钮上绑定点击事件同样可以达到目的,但是为了组件化,所以本例打算为提交按钮自定义beforeSubmit、afterSubmit两个事件。 1.创建发布订阅者对象 前文 阅读全文
posted @ 2016-04-30 21:44 乐小天 阅读(6489) 评论(1) 推荐(0) 编辑