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>