問題描述

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>

想法是寫一個(gè)directive來(lái)替代(click)現(xiàn)在這樣寫了后沒有效果也沒報(bào)錯(cuò)。。。。請(qǐng)問前輩們這是哪兒寫錯(cuò)了？謝謝0-0

問題解答

selector是'[cz-click]'

你只寫了(myClick),這個(gè)元素根本沒有被找到

加上cz-click就可以了

<button cz-click (myClick)='testdata()'>登錄</button>