博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angularJs-未加载完成的页面显示混乱ng-bind
阅读量:5167 次
发布时间:2019-06-13

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

ng-bind 未初始化完成不加载数据,避免产生{
{}}导致页面混乱
还是上边的例子,当前页面没有加载完成的时候,页面显示是不完整的会频繁的出现{
{}}这样子的表达式语句,给用户的感觉很不和谐,所以使用ng-bind使没有完成的加载双大括号表达式不显示在页面上
<input type="text" value="" ng-model="name"/>
<input type="text" value="" ng-model="age"/>
<div ng-bind="name"> 
<div ng-bind="age"> 
<script>
alert(3);//使用alert中断加载
</script>
页面未加载完成不显示{
{}}
 
 
 
加载完成之后页面显示文本,同时在name,age上添加了ng-binding 的class
 
 

转载于:https://www.cnblogs.com/liuyanan/p/4935655.html

你可能感兴趣的文章
背景透明
查看>>
Linux命令详解----ln
查看>>
Combination Sum
查看>>
ZigZag Conversion
查看>>
svn图标不显示的解决方案
查看>>
javascript中的表结构
查看>>
javascript使用栈结构将中缀表达式转换为后缀表达式并计算值
查看>>
一些 CSS 框架
查看>>
5.13 工作笔记
查看>>
Unicode和多字节字符集 (MBCS) 杂谈
查看>>
left 和 margin-left
查看>>
WOW! I have a TOFEL BLOG!
查看>>
PAT (Basic Level) Practise (中文)- 1016. 部分A+B (15)
查看>>
应用程序利用回调向表现层实时推送数据
查看>>
网络编程-UDP
查看>>
[JAVA] Tcp客户端和服务器简单代码
查看>>
管道和FIFO 二
查看>>
JAVA Synchronized (三) volatile 与 synchronized 的比较
查看>>
UIView的layoutSubviews和drawRect方法何时调用
查看>>
Android事件分发机制浅析(2)
查看>>