javascript - angular2中directive取得點擊事件
淡淡烟草味
淡淡烟草味 2017-05-27 17:44:26
0
1
741

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

淡淡烟草味
淡淡烟草味

全部回覆(1)
仅有的幸福

selector是"[cz-click]"

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

加上cz-click就可以了

<button cz-click (myClick)="testdata()">登录</button>
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板