欢迎光临回收数控机床随叫随到,正规渠道,欢迎咨询!

高价回收数控机床,拥有多年经验,经济实力强!

回收数控机床

与角自定义指令相关的知识和代码

作者:以沫      发布时间:2021-04-23      浏览量:0
大纲自定义属性指令自定义属性指令实践导入
大纲
自定义属性指令
自定义属性指令实践
导入{指令、元素引用、Renderer}从“角/核”指令({选择器:[前缀Highlight]})导出类Highlight{指令(elem:ElementRef,renderer:renderer){renderer.setElementStyle(elem.nativeElement,‘backColor’);}}从‘@角/核心’导入{direction、ElementRef、Renderer、HostListener};@direction({selector:‘[prefix Highlight]’})导出类Highlight指令{Private_domElem:ElementRef;私有_renderer:renderer;构造函数(elem:ElementRef,renderer:renderer){this._domElem=elem.nativeElement;这个._renderer=renderer;}}HostListener(‘mouseenter’)onseEnter(){this。_domElem,‘背景颜色’,‘red’;}@HostListener(‘mouseleave’)onMouseLeave(){this._renderer.setElementStyle(此._domElem,‘backoundColor’,null);}}
导入{指令,ElementRef,Renderer,HostListener,Input}从‘角/核心’;@指令({selector:‘[prefix Highlight]’})导出类Highlight指令{//需要注意的是:这里的前缀Highlight@Input(‘prefix Highlight’)高亮颜色:String;Private_domElem:ElementRef;Private_renderer:renderer;Private_defaultColor=‘red’;构造函数(elem:ElementRef,renderer:renderer){this._domem.nativeElement;这个._renderer=renderer;}@HostListener(‘mouseenter’)onMouseEnter(){this._renderer.setElementStyle(这里是._domElem,‘back背景颜色’,this.荧光tcolor._defaultColor);}@HostListener(‘mouseleave’)onMouseLeave(){this._renderer.setElementStyle(这个)。}
自定义结构指令
自定义结构指令代码实践
/*指令功能描述:该指令实现ngif指令的相反效果,并在指令的输入条件为Falsy值时显示DOM元素。示例:<;H1*exeUnless=“条件”>;Hello{{name}<;*/导入{指令、输入、模板参考、视图容器/核心};@指令({选择器:‘[exeUnless]})导出类{exeUnless’)导出类{@Input(‘exeUnless’)设置条件(新条件:布尔值){if(!newCondu){//创建模板对应的内嵌视图创建模板对应的内嵌视图}{this.view容器。