文章詳情頁
javascript - angular2中directive獲取點擊事件
瀏覽:157日期:2024-03-08 10:44:20
問題描述
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>
標簽:
JavaScript
相關文章:
1. mysql 查詢身份證號字段值有效的數據2. 視頻文件不能播放,怎么辦?3. node.js - nodejs開發中常用的連接mysql的庫4. python bottle跑起來以后,定時執行的任務為什么每次都重復(多)執行一次?5. mysql - 把一個表中的數據count更新到另一個表里?6. 請教使用PDO連接MSSQL數據庫插入是亂碼問題?7. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ,會帶來哪些效率或者其他方面的好處8. python - 爬蟲模擬登錄后,爬取csdn后臺文章列表遇到的問題9. visual-studio - Python OpenCV: 奇怪的自動補全問題10. Python爬蟲如何爬取span和span中間的內容并分別存入字典里?
排行榜
