文章详情页
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
问题解答
回答1:selector是'[cz-click]'
你只写了(myClick),这个元素根本没有被找到
加上cz-click就可以了
<button cz-click (myClick)='testdata()'>登录</button>
标签:
JavaScript
相关文章:
1. 请在微信客户端打开链接怎么在PC端打开2. html5 - 想要写一个H5页面,就微信打开来那种,然后几个输入框,把数据保存在我后台(java)的数据库里,实现思路是怎样的?3. boot2docker无法启动4. 怎么在phpstudy中用phpexcel上传数据到MYSQL?5. android - 百度地图加载大量marker点有没有比较好的解决方案6. vue.js - 为什么我的vue项目上传到github不能预览?7. css3 邊框漸層 及 ios背景模糊?8. html5 - Vue绑定动态变量不可用9. javascript - 手淘的lib-flexible用着觉得还OK,但是后台若是传的是一段富文本编辑器处理的HTML代码就会出现字体过于小的情况10. node.js - node中MYSQL的异步问题
排行榜