javascript - La directive dans Angular2 obtient un événement Click

Question

code directif :

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

@Directive({
    selector: '[cz-click]' // Attribute selector
})
export class CzClickDirective {

    constructor(public element: ElementRef) {

    }
    @Output() myClick  = new EventEmitter();

    @HostListener("click",["$event"])
    onClick(e){
        this.myClick.emit(e);
    }

}

html dans

 <button (myClick)="testdata()">登录</button>

L'idée est d'écrire une directive à remplacer (cliquez)
Maintenant, quand je l'écris comme ça, cela n'a aucun effet et aucune erreur n'est signalée. . . .
Excusez-moi, les seniors, où avez-vous mal écrit cela ? Merci 0-0

Answer 1

le sélecteur est "[cz-clic]"

Vous avez seulement écrit (myClick), cet élément n'a pas été trouvé du tout

Ajoutez simplement cz-clic

<button cz-click (myClick)="testdata()">登录</button>