博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angular 常见数据绑定的三种方式
阅读量:5742 次
发布时间:2019-06-18

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

hot3.png

一、ng-bind数据绑定,只能用于绑定单个数据

语法: ng-bind="数据"  数据绑定

二、ng-bind-template 可绑定多个数据

语法: ng-bind-template="{
{ 数据1 }} {
{ 数据2 }}" 绑定多个数据

三、ng-cloak 绑定的数据,有特殊处理,被绑定的标签在数据不存在的情况下,此数据绑定的标签会先被隐藏,等到数据传送到页面时才会显示标签和数据;

作用:常用于解决页面加载或刷新时,数据呈现 "{

{ msg }}"这样的空数据,提升客户体验; 原理:显示隐藏无非是通过css 的display:none | block;切换来实现

语法:
<标签 ng-cloak>
{
{ 数据1 }}

四、ng-no-bindable --不绑定 那么angularjs就不会解析这个元素内部(也包括元素自身上的angularjs代码)的代码了

实例:       
{
{msg}}
//结果:原样输出"{
{msg}}"

示例代码:

	
{
{msg2}}

转载于:https://my.oschina.net/shuaihong/blog/1542151

你可能感兴趣的文章
web.xml中<load-on-start>n</load-on-satrt>作用
查看>>
【算法】CRF
查看>>
windows 8 微软拼音输入法
查看>>
Windows UI风格的设计(7)
查看>>
SQL中使用WITH AS提高性能 使用公用表表达式(CTE)简化嵌套SQL
查看>>
oracle 强行杀掉一个用户连接
查看>>
Git提交本地库代码到远程服务器的操作
查看>>
让你快速上手的Glide4.x教程
查看>>
浮动和清除(闭合)浮动
查看>>
LR录制脚本时IE打不开的原因
查看>>
Sublime Text 2.0.2,Build 2221注册码
查看>>
最长递增子序列 动态规划
查看>>
原生CSS设置网站主题色—CSS变量赋值
查看>>
webpack 4.0 中 clean-webpack-plugin 的使用
查看>>
中文词频统计
查看>>
POJ 2236 Wireless Network (并查集)
查看>>
python分类
查看>>
GitBlit (1)-- 在linux 安装 GitBlit 并运行
查看>>
程序是如何执行的(一)a=a+1
查看>>
18 已知下面的字符串是通过RANDOM随机数变量md5sum|cut-c 1-8截取后的结果
查看>>