javascript - angular2中directive获取点击事件

问题描述

问 题

directive的代码：

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中

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

想法是写一个directive来替代(click)
现在这样写了后没有效果也没报错。。。。
请问前辈们这是哪儿写错了？谢谢0-0

这个问题已被关闭，原因：问题质量差 - 问题太水、伸手党

解决方案

selector是"[cz-click]"

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

加上cz-click就可以了

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

这篇关于javascript - angular2中directive获取点击事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！