angular4 数据绑定
2020-03-29 13:26
921 查看
HTML属性绑定
1.基本Html属性绑定
Html代码- <td [attr.colspan]="tableColspan">something</td>
2.css类绑定
Html代码- <div [class]="someEle">something</div>
Html代码
- <div class="aaa,bbb" [class.ccc]="isSpec">something</div>
Html代码
- <div [ngClass]="{aaa:isA,bbb:isB}">something</div>
3.样式绑定
Html代码- <button [style.color]="ispec ? 'red' : 'green'">something</button>
数据绑定
HTML属性和DOM属性的关系
1.少量html属性和DOM属性之间有着1:1的映射,如id
2.有些HTML属性没有对应的DOM属性,如 colspan
3.有些DOM属性没有对应的HTML属性,如 textContent
4.就算名字相同,html属性和DOM属性也不是同样的东西
5.HTML属性的值指定了初始值;DOM属性的值表示当前值。
DOM属性的值可以改变;HTML属性的值不能改变
6.模板绑定是通过DOM属性和事件来工作的,而不是HTML属性
转载于:https://www.cnblogs.com/webPang/p/8526873.html
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- Angular4--【数据绑定】
- Angular4-在线竞拍应用-数据绑定
- Angular4--数据绑定、响应式编程
- Angular4 第五章 数据绑定
- angular4 强势的页面数据绑定
- 微信小程序之数据绑定与数据操作
- 一步一步学Silverlight 2系列(11):数据绑定
- [翻译]ASP.NET MVC 教程 - 传递数据到视图母版页(适合动态绑定菜单)
- Kendo UI开发教程(22): Kendo MVVM 数据绑定(十一) Value
- Eval的数据绑定
- [转]VB.NET中怎样为listview绑定数据
- Angular4示例--数据显示
- WPF-数据绑定:日期时间格式
- 8天入门wpf—— 第五天 数据绑定
- C# 控件之数据绑定
- 微信小程序之前台循环数据绑定
- IEditableObject和集合类型数据绑定笔记
- jquery easyui 动态绑定数据列
- MVC下拉控件绑定数据
- 8天入门wpf—— 第五天 数据绑定