angular 6自定义元素指令
angular 6自定义元素指令
提问于 2018-10-25 11:17:23
如何在angular 6中创建元素指令？我看到了如何创建一个属性指令，但是如果我想创建一个自定义元素呢？
@Directive({
selector: '[appCards]'//you can't do something like -- element: name
})
export class CardsDirective {
constructor(el: ElementRef) {
}
}回答 3
Stack Overflow用户
发布于 2018-10-25 11:31:17
我试着用Selector as创建一个指令，它起作用了。Angular是如此强大。
import {Directive, ElementRef, Input} from '@angular/core';
@Directive({
selector: '<appCards>'
})
export class CardsDirective {
@Input() label;
constructor(el: ElementRef) {
console.log('it called');
}
ngOnInit(){
console.log(this.label);
}
}模板：
<appCards label="change"></appCards>Stack Overflow用户
发布于 2019-12-10 16:16:54
在angular中，您可以通过以下方式创建element指令
@Directive({
selector: 'appCards'
})
export class CardsDirective {
constructor(el: ElementRef) {
}
}您只需删除选择器中的[]括号，即可使其成为element指令。
Stack Overflow用户
发布于 2021-03-12 21:40:31
根据Angular文档，您可以通过以下方式之一声明选择器。因此，如果要使用指令创建元素，则必须将指令的选择器声明为
选择器：'elementName'
- 元素名称:按元素名称选择。选择:按类选择name.
- attribute:按属性名称选择。attribute=value:按
- 属性名称和值选择。: not ( sub_selector )：仅当
- 元素与sub_selector不匹配时才选择。selector1，selector2:如果selector1或selector2匹配，则选择
- 。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52980832
复制相关文章
相似问题
腾讯云开发者
