angular - 如何防止按钮点击事件

Question

我创建了一个 is-login.directive

<button type="button" appIsLogin (click)="sayHello()">
 down
</button>

组件

  sayHello() {
    console.log('clicked');
}

是-login.directive.ts

import {Directive, HostListener} from '@angular/core';

@Directive({
selector: '[appIsLogin]'
})
export class IsLoginDirective {

isLoginIn = false;

constructor() {
}

@HostListener('mousedown', ['$event'])
onClick(event: Event): boolean {
    if (!this.isLoginIn) {
        console.log('mousedown');
        event.preventDefault();
        event.stopPropagation();
        return false;
    }
    return true;
}

当前行为当我点击按钮时，两个事件都发生了。我希望点击事件不会发生。

console

我想通过指令监听用户的点击事件，如果用户没有登录，不执行点击事件。

Answer 1

试试这个:

(click)="sayHello(); $event.stopPropagation()"