Angular JS解析(五)——显示文本

用户可以在UI中利用ng-bind指令对文本进行显示和更新。文本的显示和更新有两种效果相同的方式。一种是我们之前用到带双大括号的形式:

<p>{{greeting}}</p>

然后另一种为ng-bind的基本属性指令:

<p ng-bind="greeting"></p>

这两种形式在他们的输出显示上是相同的。如果模板变量greeting设置为“Hithere”,Angular将会在HTML中产生输出为:<p>Hi there</p>,并且在浏览器中也将显示为"Hi there"。

我们创建的双卷插值语法更容易阅读并且需要更少的输入。尽管两种形式产生相同效果的输出,而在使用双卷语法在第一页面加载你的应用index.html时,用户可能会在Angular利用用户数据替换curlies之前看到未渲染模板。后续的视图不会出现这种风险。原因是浏览器加载HTML页面,进行刷新,只有在这种时候才有机会故意的让Angular打断刷新。

好的消息是用户仍然可以在大多数用户模板中使用{{}}.但对于在index.html页面中进行的数据绑定相反使用ng-bind。这样用户才能在数据加载之前看不到任何东西。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值