Angular2 ng-content 在组件中嵌入内容

最新推荐文章于 2022-01-14 18:17:13 发布

snowflake_

最新推荐文章于 2022-01-14 18:17:13 发布

阅读量1.7k

点赞数 1

分类专栏： angularjs2 文章标签： angular

本文链接：https://blog.csdn.net/snowflake_/article/details/69815636

版权

0 篇文章 0 订阅

订阅专栏

<ng-content select="menu"></ng-content>

用ng-content标签，将父组件模板中包含的menu标签内容加到指定位置。select属性支持css选择器，

Class field decorators for directives and components	import {Input, …} from ‘angular2/angular2’;
@Input() myProperty;	声明一个输入属性，并且绑定到模板，譬如：
@Output() myEvent = new EventEmitter();	声明一个输出口属性，绑定到某个可以绑定的事件：
@HostBinding(‘[class.valid]’) isValid;	将某个元素属性绑定到某个指令或者组件的属性
@HostListener(‘click’, [‘$event’]) onClick(e) {…}	将某个事件绑定到组件
@ContentChild(myPredicate) myChildComponent;	将第一个可以查到的组件内容对象绑定到当前属性
@ContentChildren(myPredicate) myChildComponents;	将组件内容查询的结果绑定到当前元素
@ViewChild(myPredicate) myChildComponent;	将第一个组件视图查询得到的子组件绑定到当前元素
@ViewChildren(myPredicate) myChildComponents;	将当前根据视图查询到的子组件的列表绑定到当前元素