美文网首页
angular入门篇(2)——*ngIf,数据绑定事件,属性绑定

angular入门篇(2)——*ngIf,数据绑定事件,属性绑定

作者: 小话001 | 来源:发表于2018-08-24 01:59 被阅读0次

    1,*ngIf简单用法

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

    如图;


    2,数据绑定事件

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


    3,属性的双向绑定

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


    未完待续。。。

    相关文章

      网友评论

          本文标题:angular入门篇(2)——*ngIf,数据绑定事件,属性绑定

          本文链接:https://www.haomeiwen.com/subject/wgmviftx.html