Angular 指令（Directive）属性型指令

–>

Angular 指令（Directive）属性型指令

在Angular中有三种指令类型

• 组件 ：拥有模板的指令
• 结构型指令：通过添加或移除DOM来改变DOM布局的指令
• 属性型指令：改变元素，组件或其他指令的外观和行为的指令

自定义指令

之后将其到app.moduel中添加即可使用

@HostListener 监听宿主元素的事件或者是其他元素的事件

示例：

@Inout 数据从外向内传递，还可以为Input命别名

示例：

内置属性型指令

• ngClass ：可以同时添加或移除多个类
• ngStyle ：向DOM添加样式
• ngModel：数据双向绑定

ngClass

示例：

ngStyle

示例：

ngModel

示例：

本文来源 互联网收集，文章内容系作者个人观点，不代表 本站 对观点赞同或支持。如需转载，请注明文章来源,如您发现有涉嫌抄袭侵权的内容，请联系本站核实处理。