发表于: 2021-03-14 21:02:20
1 953
今天完成的事情:
模板语句
模板语句是可在 HTML 中用于响应用户事件的方法或属性。使用模板语句,可以通过诸如显示动态内容或提交表单之类的动作吸引用户
模板语句的解析器与模板表达式的解析器有所不同。模板语句解析器特别支持基本赋值 = 和带有分号 ; 的串联表达式。
不允许使用以下 JavaScript 和模板表达式语法:
new
递增和递减运算符 ++ 和 --
赋值运算符,例如 += 和 -=
按位运算符,例如 | 和 &
管道操作符
用管道转换数据
管道用来对字符串、货币金额、日期和其他显示数据进行转换和格式化
Angular 数据格式化常用的内置管道:
DatePipe:根据本地环境中的规则格式化日期值
UpperCasePipe:把文本全部转换成大写
LowerCasePipe :把文本全部转换成小写
CurrencyPipe :把数字转换成货币字符串,根据本地环境中的规则进行格式化
DecimalPipe:把数字转换成带小数点的字符串,根据本地环境中的规则进行格式化
PercentPipe :把数字转换成百分比字符串,根据本地环境中的规则进行格式化
在模板中使用管道:
绑定语法
数据绑定是一种机制,用来协调用户可见的内容,特别是应用数据的值
HTML attribute 与 DOM property 的对比
一些 HTML Attribute 可以 1:1 映射到 Property;例如,“ id”
某些 HTML Attribute 没有相应的 Property。例如,aria-*
某些 DOM Property 没有相应的 Attribute。例如,textContent
属性绑定
Angular 中的属性绑定可帮助你设置 HTML 元素或指令的属性值
绑定到属性
要绑定到元素的属性,请将其括在方括号 [] 内,该括号会将属性标为目标属性。目标属性就是你要对其进行赋值的 DOM 属性
将元素的属性设置为组件属性的值
问题:
如何使用 input.getAttribute('value') 查看 HTML 的 Attribute value?
评论