Angular4 第五章 数据绑定
来源:互联网 发布:java架构设计 编辑:程序博客网 时间:2024/05/17 09:16
1.Dom属性和HTML属性的关系
(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属性
2. DOM属性绑定
3.HTML属性绑定
(1)基本的HTML属性绑定
<td [attr.colspan]="TableColspan">son</td>(2)css类绑定
【2-1】b表达式值完全替换原样式
<div class="aaa bbb" [class]="someExpress">something</div>
【2-2】表达式值为true时显示
<div [class.special]="表达式">something</div>【2-3】控制多个css类是否显示
<div [ngClass]="{aaa:isA,bbb:isB}">something</div>(3)样式绑定
【3-1】
<button [style.color]="isSpecial?'red':'green'>RED</button>【3-2】
<div [ngStyle]="{'font-style':this.canSave?'italic':'normal'}">something</div>
4.双向绑定
<input [(ngmodel)] ="name">{{name}}
阅读全文
0 0
- Angular4 第五章 数据绑定
- 第五章 数据绑定
- Angular4的双向数据绑定
- Angular4-在线竞拍应用-数据绑定
- Angular4 第五章 响应式编程
- 实现windows程序的数据绑定第五章
- Spring MVC 学习指南--- 第五章 数据绑定和表单标签绑定
- angular4中样式的绑定
- Angular4学习笔记(五)- 数据绑定、响应式编程和管道
- Angular4示例--数据显示
- Angular4 绑定html内容 警告处理
- Angular4
- Angular4
- ionic3+angular4--页面间数据传递
- Angular4学习笔记(二):绑定和分包
- 第五章 数据高级查询
- 第五章 高级数据过滤
- 第五章:排序检索数据
- FCN的车牌图像识别,end-to-end 目标定位、图像识别
- win10状态下安装siteserver5.0
- Spring AOP 面向切面编程
- B
- vue-router 动态添加 路由
- Angular4 第五章 数据绑定
- 【单调性dp】poj 3017 Cut the Sequence
- 使用递归的方式显示树形结构
- 软件工程作业
- 2017 年初、阿里、腾讯、百度、华为、京东、搜狗和滴滴面试题汇集
- 数组,指针与函数之间的关系
- 用JAVA写一个简单的21点游戏(不设置庄主的情况下)
- 通过ajaxFileUpload控件上传图片,java后台接收并保存本地
- VitualBox安装centos虚拟机