javascript - Arahan dalam angular2 mendapat acara klik

Question

kod arahan:

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 dalam

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

Ideanya adalah untuk menulis arahan untuk menggantikan (klik)
Sekarang apabila saya menulisnya seperti ini, ia tidak memberi kesan dan tiada ralat dilaporkan. . . .
Maafkan saya, senior, di mana anda salah tulis? Terima kasih 0-0

Answer 1

pemilih ialah "[cz-click]"

Anda hanya menulis (myClick), elemen ini tidak ditemui sama sekali

Hanya tambah cz-click

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