javascript – Direktive in Angular2 ruft ein Klickereignis ab

Question

Richtliniencode:

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 in

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

Die Idee ist, eine Anweisung zum Ersetzen zu schreiben (klicken)
Wenn ich es jetzt so schreibe, hat es keine Auswirkung und es wird kein Fehler gemeldet. . . .
Entschuldigen Sie, Senioren, wo haben Sie das falsch geschrieben? Vielen Dank 0-0

Answer 1

selector是"[cz-click]"

你只写了(myClick),这个元素根本没有被找到

加上cz-click就可以了

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