我正在使用 Ionic 4,并且我做了一个指令来防止在某些条件适用时点击组件。
@Directive({
selector: '[appDisable]'
})
export class DisableDirective {
@Input() ifTruthy: boolean = false;
@HostListener('click', ['$event']) clickEvent(event: Event): boolean {
if (this.ifTruthy) {
console.log('Preventing click');
console.log('This should prevent further clicks from happening?');
event.preventDefault();
event.stopPropagation();
return false;
}
return true;
}
constructor(
private element: ElementRef,
protected renderer: Renderer2) {
}
}
然后在我的按钮上:
<ion-button appDisable [ifTruthy]="1 === 1" (click)="presentAlert()">Disabled</ion-button>
这不起作用,如果我将 click() 移动到上部元素(由于 stopPropagation),它会起作用,我想知道为什么这不起作用。
我做了一个stackBlitzz
任何帮助表示赞赏。