属性绑定(Property binding)

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

绑定属性的值可以使用插值的形式,就是用两组大括号,打开 Post 组件,在这个 li 标签里面,添加一组 a 标签,用它包装一下 entity.title,在这个 a 标签上添加一个 title 属性,它的值可以绑定输出一个 entity.title。

回到浏览器,鼠标放在列表项目的上面,显示的提示就是 a 标签的 title 属性的值。 检查一下源代码,你会发现 a 标签上有一个 title 属性,它的值就是内容的标题。

绑定属性还有一种方法,是用方括号的形式。方括号,title,绑定一个 title 属性,值是 entity 的 title 属性的值。

回到浏览器再预览一下,鼠标放在这个列表标题的上面,仍然会显示一个标题。

使用这种绑定属性的方法可以绑定更多的属性,因为元素的很多属性并不直接能在元素上使用,比如 textContent 属性,它的值是元素里包含的文字内容。如果你用插值的写法就不能在元素上绑定这个属性。你不能直接在 a 标签上用 textContent 属性设置它的值。绑定这些标签本身并不直接支持的属性,可以使用方括号的形式可以绑定它们。

方括号 textContent,它的值可以是 entity 的 title 。然后去掉 a 标签之间绑定输出的 entity.title。

到浏览器上预览一下,列表上仍然会显示原来的标题文字,这里显示的文字是我们绑定的 textContent 属性的值。

属性绑定(Property binding)《 Angular:起步 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点