摘要: 设置ShadowDom策略在Angular2中,ShadowDom的三种策略对应于三个类,这三个类继承自ShadowDomStrategy:Angular2的内核引用的是父类ShadowDomStrategy,我们只需要从三个继承类中选择 一个与之绑定就可以实现不同策略的选择。下面的示例意味着选择N... 阅读全文
posted @ 2015-12-15 13:56 X-USER 阅读(945) 评论(0) 推荐(0)
摘要: ShadowDom - 封装私有样式Angular2采用ShadowDom作为组件的渲染基础,这意味着组件被渲染到独立的Shadow Tree上,这很好,可以实现DOM对象和样式的良好封装:但问题是,除了Chrome之外的大多数的浏览器目前还不支持ShadowDom,因此,Angular2 提供了三... 阅读全文
posted @ 2015-12-15 13:28 X-USER 阅读(1796) 评论(0) 推荐(0)
摘要: styles - 设置模板样式组件既然处于UI层,就应当好看些,好看是构造良好用户体验的一部分。Angular2的 组件模板基于HTML,那么显然,我们需要通过样式表/CSS来调整组件的外观。和模板类似,我们有两种方法为组件设置CSS样式:1. 内联样式可以使用组件View注解的styles属性来设... 阅读全文
posted @ 2015-12-15 11:35 X-USER 阅读(2386) 评论(0) 推荐(0)
摘要: NgFor- 循环逻辑如果希望利用一组可遍历的数据动态构造模板,那么应当使用NgFor指令。 例如示例中的EzStar组件,用来展示演员的作品列表:迭代NgFor指令应用在template元素上,对ngForOf属性指定的数据集中的每一项 实例化一个template的内容:1 2 -----... 阅读全文
posted @ 2015-12-15 09:56 X-USER 阅读(706) 评论(0) 推荐(0)