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
- Angular JS解析(五)——显示文本
- Angular.js(五)
- Angular JS解析(二)——解析一个APP
- Angular JS解析(三)——MVC
- angular学习(五)—— Scopes
- angular学习(五)—— Scopes
- Angular.js学习笔记(五)
- Angular.js中的指令——易懂全解析
- Angular JS解析(四)——模板与数据绑定
- Angular js原文解析
- Angular JS 学习笔记五
- Angular js指令收录(五)
- Angular(五)Promise
- js 滚动显示文本
- angular.js基础—服务(service)及其调用
- Angular.js(一)
- Angular.js(二)
- Angular.js(三)
- Oracle帐户口令强度策略限制
- redis---安装
- Nginx反向代理缓存配置
- 访问者模式的分析、结构图及基本代码
- 【git体验】git基础-3目录之间关系
- Angular JS解析(五)——显示文本
- ASP:Login控件(登录控件)
- o-1背包问题
- Android新浪微博之主页面布局
- 1059. Prime Factors (25)
- 使用PHP生成二维码
- 跟“大神”合作
- struts2上传文件
- iOS中Category类别(扩展类)专题总结