Làm thế nào để tạo custom directive?
Làm thế nào để tạo custom directive?
Để tạo một custom directive trong Angular, trước tiên bạn cần hiểu rằng các directive được sử dụng để thao tác với DOM hoặc thêm hành vi tùy chỉnh cho các phần tử HTML.
import { Directive, ElementRef, Renderer2, HostListener } from '@angular/core';
@Directive({
selector: '[appCustomDirective]'
})
export class CustomDirective {
constructor(private el: ElementRef, private renderer: Renderer2) {}
@HostListener('mouseenter') onMouseEnter() {
this.changeBackgroundColor('yellow');
}
@HostListener('mouseleave') onMouseLeave() {
this.changeBackgroundColor('white');
}
private changeBackgroundColor(color: string) {
th...
junior