ng-bind,ng-cloak优化数据显示
{{text}} 当我们使用angular在页面中有取值的时候，如果出现网络加载慢的问题，可能会在页面上出现{{text}}这种不好的体验，那么angular有什么样的方法来解决呢。
1.通过ng-bind 上述例子改写为：
这样就可以解决上述问题。
但是如果页面中有多个取值怎么办，如：{{str1}},{{str2}}
这个时候可以通过ng-bind-template.用法如下：
{str1}},{{str2}}">
当取值的字符串含有html标签需要解析成htm结构的时候，可以用ng-bind-html.不过这种用法很少，需要依赖ngSanitize。
还有一种情况就是不希望angular去解析，可以用ng-non-bindable来解决，如：
{{str}}
2.通过ng-cloak来解决
{{str}}
只需要在最普通的用法的标签上加上ng-cloak命令，这样angular会通过display属性来优化数据显示问题，当解析为完成之前是display:none
转载于:https://www.cnblogs.com/toodeep/p/4966747.html
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！