AngularJS页面数据绑定设置默认值
2017-06-19 09:51
239 查看
在AngularJS中,对页面进行数据绑定,有两种方法:
1、表达式:{{param}}
2、ng-bind: ng-bind="param"
使用数据绑定后,最初始载入页面,页面内容先载入,再从服务器传值过来。这里有个时间间隙。在这个间隙里,所绑定的参数为空或NAN。
空值有时会影响到页面布局,以及内容显示。例如,显示NAN,可能就会让浏览网页的人产生疑惑。
解决控制的方法,就是在数据绑定时,设置默认值。设置方法如下:
{{param||"default"}}
ng-bind="param||'default'"
这样,在初始载入时,就会显示默认值,当服务器传值过来后,就会替换掉默认值。
1、表达式:{{param}}
2、ng-bind: ng-bind="param"
使用数据绑定后,最初始载入页面,页面内容先载入,再从服务器传值过来。这里有个时间间隙。在这个间隙里,所绑定的参数为空或NAN。
空值有时会影响到页面布局,以及内容显示。例如,显示NAN,可能就会让浏览网页的人产生疑惑。
解决控制的方法,就是在数据绑定时,设置默认值。设置方法如下:
{{param||"default"}}
ng-bind="param||'default'"
这样,在初始载入时,就会显示默认值,当服务器传值过来后,就会替换掉默认值。
相关文章推荐
- AngularJS页面数据绑定设置默认值
- AngularJS页面数据绑定设置默认值
- 如何在下拉菜单中的Value属性绑定数据以及设置下拉菜单默认值
- js_前台页面如何设置radio、checkbox、select三者的值以及绑定事件,方便后台接收数据
- asp:DropDownList动态绑定数据,设置默认值
- DropDrownList绑定数据后设置默认值
- DataGridView 控件中轻松设置DataGridViewComboBoxColumn数据绑定属性。
- 数据绑定时的前台页面上的逻辑判断
- 静态页面HTML绑定动态数据.aspx,用document.write的方法!
- Gridview中数据绑定Dropdownlist 组件默认值为空null的问题
- iFrame页面数据的绑定与读取
- ASP.NET页面当中的一个数据绑定小例子
- -将DropDownList控件绑定 到GridView控当中,并调用方法给DropDownList控件在页面进行数据绑定
- 数据绑定时的前台页面上的逻辑判断 (转)
- asp.net基础之页面数据绑定
- winform下comboBox控件绑定数据并设置其value【整理】
- ASP.NET页面级数据绑定和运算表达式语法的探究
- Web页面折线图控件(可以直接绑定数据)
- 非数据器容器 前台页面绑定数据
- [转]Web页面报错: Eval()、XPath() 和 Bind() 这类数据绑定方法只能在数据绑定控件的上下文中使用