博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angular2 学习二 {{model}} - 文本插值
阅读量:7009 次
发布时间:2019-06-28

本文共 337 字,大约阅读时间需要 1 分钟。

hot3.png

{
{model}} - 文本插值

在模板中使用可以{

{表达式}}的方式绑定组件模型中的表达式,当表达式变化时, Angular2将自动更新对应的DOM对象:

intepolate

上图的示例中,模板声明了h1的内容将绑定到组件实例的title变量。Angular2 框架将实时检测title的变化,并在其变化时自动更新DOM树中h1的内容。

修改模板,将“新闻来源”字段及内容移动到文章尾部。

 

HTML

	
template - bind model

CSS

p{text-indent:30px;line-height:25px;}

 

转载于:https://my.oschina.net/martin123/blog/797974

你可能感兴趣的文章