发表于: 2021-03-14 21:02:20

1 954


今天完成的事情:

模板语句

模板语句是可在 HTML 中用于响应用户事件的方法或属性。使用模板语句,可以通过诸如显示动态内容或提交表单之类的动作吸引用户


模板语句的解析器与模板表达式的解析器有所不同。模板语句解析器特别支持基本赋值 = 和带有分号 ; 的串联表达式。

不允许使用以下 JavaScript 和模板表达式语法:

new

递增和递减运算符 ++ 和 --

赋值运算符,例如 += 和 -=

按位运算符,例如 | 和 &

管道操作符


用管道转换数据

管道用来对字符串、货币金额、日期和其他显示数据进行转换和格式化

Angular 数据格式化常用的内置管道:

DatePipe:根据本地环境中的规则格式化日期值

UpperCasePipe:把文本全部转换成大写

LowerCasePipe :把文本全部转换成小写

CurrencyPipe :把数字转换成货币字符串,根据本地环境中的规则进行格式化

DecimalPipe:把数字转换成带小数点的字符串,根据本地环境中的规则进行格式化

PercentPipe :把数字转换成百分比字符串,根据本地环境中的规则进行格式化


在模板中使用管道:

<p>The hero's birthday is {{ birthday | date }}</p>


birthday = new Date(1988, 3, 15); // April 15, 1988 -- since month parameter is zero-based



绑定语法

数据绑定是一种机制,用来协调用户可见的内容,特别是应用数据的值

HTML attribute 与 DOM property 的对比

一些 HTML Attribute 可以 1:1 映射到 Property;例如,“ id”

某些 HTML Attribute 没有相应的 Property。例如,aria-*

某些 DOM Property 没有相应的 Attribute。例如,textContent



属性绑定

Angular 中的属性绑定可帮助你设置 HTML 元素或指令的属性值


绑定到属性

要绑定到元素的属性,请将其括在方括号 [] 内,该括号会将属性标为目标属性。目标属性就是你要对其进行赋值的 DOM 属性

<img [src]="itemImageUrl">


将元素的属性设置为组件属性的值

itemImageUrl = '../assets/phone.png';



问题:

如何使用 input.getAttribute('value') 查看 HTML 的 Attribute value?


返回列表 返回列表
评论

    分享到