一个关于Angular Directive selector里的中括号使用问题

简介: 一个关于Angular Directive selector里的中括号使用问题

其实对于Angular指令的selector,我一直搞得不是太清楚,看下面的例子:selector的定义里,包含了中括号。


image.png


在消费该Directive的HTML页面里,不用中括号:


image.png


则Directive正常工作,我在Directive的ngOnInit里打印了一些调试语句。


image.png


如果消费Directive的时候,用了中括号,反而报错:


image.png


selector定义中去掉中括号,反而不工作了:


image.png


正确的打开方式:在Directive selector里使用中括号,消费Directive的时候去掉。


如果要传递数据,考虑中括号的用法。


image.png

image.png

相关文章
|
7月前
从 Angular Component 和 Directive 的实例化,谈谈 Angular forRoot 方法的命令由来
同 Angular service 的单例特性不同,Angular 组件和指令通常会被多次实例化,比如 HTML markup 中每出现一次 Component 的 selector,就会触发 Component 的一次实例化。
41 0
|
7月前
|
SQL 数据库
Angular Ngrx store 里的 Selector 介绍
Angular Ngrx store 里的 Selector 介绍
46 0
|
8月前
|
JavaScript
Angular1.x的自定义指令directive参数配置详细说明
Angular1.x的自定义指令directive参数配置详细说明
关于调用 Angular 属性指令 attribute Directive 是否需要带中括号的问题
关于调用 Angular 属性指令 attribute Directive 是否需要带中括号的问题
128 0
关于调用 Angular 属性指令 attribute Directive 是否需要带中括号的问题
|
JavaScript
利用 Angular Directive 和 @HostBinding 实现输入文本框随着键盘输入自动变色效果
利用 Angular Directive 和 @HostBinding 实现输入文本框随着键盘输入自动变色效果
利用 Angular Directive 和 @HostBinding 实现输入文本框随着键盘输入自动变色效果
|
JavaScript
关于Angular directive使用的语法问题
前者用于控制或者改变 DOM,后者控制已有 elements 的外观或者行为。
关于Angular directive使用的语法问题
Angular jasmine fixture.detectChanges如何触发directive的set方法
Angular jasmine fixture.detectChanges如何触发directive的set方法
86 0
Angular jasmine fixture.detectChanges如何触发directive的set方法
每个施加在HTML元素上的Angular Directive,运行时都会生成一个新的实例
每个施加在HTML元素上的Angular Directive,运行时都会生成一个新的实例
78 0
每个施加在HTML元素上的Angular Directive,运行时都会生成一个新的实例
如何找到Angular应用的某个directive是属于哪一个Angular module
如何找到Angular应用的某个directive是属于哪一个Angular module
如何找到Angular应用的某个directive是属于哪一个Angular module
|
2月前
|
设计模式 JavaScript 前端开发
什么是 Angular 应用里的 Custom provider
什么是 Angular 应用里的 Custom provider
30 2

热门文章

最新文章