angular 6 自定义元素指令
问题描述：
如何在 angular 6 中创建元素指令?我了解如何创建属性指令，但如果我想创建自定义元素怎么办?
How can one create an element directive in angular 6? I see how to create an attribute directive, but what if I want to create a custom element?
@Directive({
selector: '[appCards]'//you can't do something like -- element: name
})
export class CardsDirective {
constructor(el: ElementRef) {
}
}
答
我尝试使用 Selector 创建指令，并且它有效.Angular 太强大了.
I tried creating a Directive with Selector as and it works. Angular is so powerful.
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>