angularjs怎么给div添加点击事件

angularjs怎么给div添加点击事件,第1张

具体回答就是在div上写ng-click="cbClick()"这样的方式来实现.angular框架推崇的是声明式ui,所以基本上回调事件写在html元素上比较符合约定,或者你也可以把事件封装到指令中. 用angular的话,最好不要考虑jquery的思路来做程序,最好的方式就是考虑下angular特有的方式,比如双向数据绑定,控制器,指令来完成这类型的功能,不要去考虑细节怎么实现的,要从抽象的层面去实现,不然angular能做的,jquery也能做,不要把一个angular程序写出jquery

1,*ngIf简单用法

  用于显示与隐藏某些元素,例:<div *ngIf="ishide">测试啊啊啊</div>,也可以与toggle按钮配合。

如图

2,数据绑定事件

以键盘事件和按钮点击事件为例,在事件发生的时候 html页面函数可以传递"$event",从而在ts页面对应的函数里面接收事件对象"e",打印出事件对象,可发现,里面包含坐标clientX、keyCode、currentTarget等等

3,属性的双向绑定

以input输入框为例,数据的双向绑定得提前在app.module引入FormsModule 这个模块,并且在imports申明此模块,否则html页面的[(ngModel)]报错。

未完待续。。。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7952897.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-11
下一篇2023-04-11

发表评论

登录后才能评论

评论列表(0条)

    保存