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

来源:互联网 发布:纹理识别算法 编辑:程序博客网 时间:2024/05/22 01:43

用户可以在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。这样用户才能在数据加载之前看不到任何东西。


0 0
原创粉丝点击