Angular开发实践（八）： 使用ng-content进行组件内容投射
在Angular中，组件属于特殊的指令，它的特殊之处在于它有自己的模板（html）和样式（css）。因此使用组件可以使我们的代码具有强解耦、可复用、易扩展等特性。通常的组件定义如下： demo.component.ts： demo.component.html ...
原文：Angular：利用内容投射向组件输入ngForOf模板
现在，我们写一个组件puppiesListCmp，用于显示小狗狗的列表： 然后这样使用： 效果就行这样： 但是，我希望我们的puppiesListCmp组件可以满足不同的需求，比如在数据不变的情况下只显示小狗狗的name和color，就像这样： 这就是本文的重点了。我们需要实现用户自定义模板 现在我们不写死组件的模板了，而是让用户从外部输入 首先，我们的组件模板： 等价于： 然后，用 Conten ...
2018-03-03 10:11 0 1227 推荐指数：
相关推荐
Angular快速学习笔记（3） -- 组件与模板
1. 显示数据 在 Angular 中最典型的数据显示方式，就是把 HTML 模板中的控件绑定到 Angular 组件的属性。 使用插值表达式显示组件属性 要显示组件的属性，最简单的方式就是通过插值表达式 (interpolation) 来绑定属性名。 要使用插值表达式，就把属性名包裹在双花 ...
Angular 向组件传递模板的几种方法
最近在写一个日期选择器组件，为了满足将来可能出现的各种需求，所以需要能够高度的自定义组件的样式。为了达到这个目的，需要能够在日期选择器组件外控制每个日期格子内要显示的内容，比如，标上节假日之类的。这时候，组件的一部分模板就需要由调用方提供。 在 React 里面，这种需求挺简单的，只要实现一个 ...
Angular利用@ViewChild在父组件执行子组件的方法
代码如下： ...
angular4 动态创建组件 vs 动态创建模板
🌊 实现 模拟场景：页面上"帮助"按钮的点击触发帮助文档的弹出框，且每个页面的帮助文档不一样 因此弹出框里的帮助文档是一个动态模板而不是动态组件 以下comp均代表Type类型的动态组件，即 comp:Type<any> ...
Angular2组件开发—模板的逻辑控制（二）
使用分支逻辑 如果组件的模板需要根据某个表达式的不同取值展示不同的片段，可以使用NgSwitch系列指令来动态切分模板。比如右边示例中的广告组件EzPromotion，需要根据来访者性别的不同推送不同的广告： NgSwitch包含一组指令，用来构造包含多分支的模板： NgSwitch ...
Angular2组件开发—模板语法（一）
最简单的模板 组件的View注解用来声明组件的外观，它最重要的属性就是template - 模板。 Angular2的模板是兼容HTML语法的，这意味着你可以使用任何标准的HTML标签编写 组件模板。 所以，在最简单的情况下，一个Angular2组件的模板由标准的HTML元素构成，看起来就 ...
Angular6 学习笔记——组件详解之模板语法
angular6.x系列的学习笔记记录,仍在不断完善中,学习地址: https://www.angular.cn/guide/template-syntax http://www.ngfans.net/topic/12/post/2 系列目录 (1)组件详解之模板语法 ...