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

1,*ngIf简单用法

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

如图;


2,数据绑定事件

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



3,属性的双向绑定

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



未完待续。。。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,581评论 1 11
  • 细说 Angular 2+ 的表单(二):响应式表单 摘要 在企业应用开发时,表单是一个躲不过去的事情,和面向消费...
    接灰的电子产品阅读 5,867评论 8 28
  • Angular 4.x 中有两种表单: Template-Driven Forms - 模板驱动式表单 (类似于...
    semlinker阅读 1,019评论 0 2
  • 想啊!作啊!曾经的不可一世。现在想想不如把时间用在我们能把握的事情上,比如每天抽出时间跟家里视个频,跟在家的每个家...
    阗溢阅读 203评论 0 1
  • iOS 5.0之前: OC内存管理遵循“谁创建,谁释放,谁引用,谁管理”的机制 当创建或引用一个对象的时候,需要向...
    巴糖阅读 13,685评论 0 15