angular学习笔记(三)-视图绑定数据的两种方式
2024-10-17 13:56:28
绑定数据有两种方式:
<!DOCTYPE html>
<html ng-app>
<head>
<title>2.2显示文本</title>
<meta charset="utf-8">
<script src="../angular.js"></script>
<script src="script.js"></script>
</head>
<body>
<div>
<div ng-controller="showText" >
<h1 ng-bind="text.message"></h1>
<h1>{{text.name}}</h1>
</div>
</div>
</body>
</html>
1:ng-bind = "变量"
2:{{变量}}
ng-bind属性来绑定数据和{{}}来绑定数据,效果一致,
但是如果有大量的数据,在数据还没有加载完成之前,如果使用{{}},用户会看到{{}},而不是被替换掉的实际数据.所以初始化的数据可以使用ng-bind
最新文章
- DOG检测
- vim2
- CentOS7—HAProxy安装与配置
- Win7电脑无法启用无线连接或无线连不上网
- Dp~Hrbust1426( 集训队的晚餐 )
- WCF终结点配置
- 最长公共子序列(LCS)
- 第2章 linux文件系统
- VC与JavaScript交互(二) --- 调用JS函数
- 【POJ】【1637】Sightseeing tour
- 07day1
- 跟我学机器视觉-HALCON学习例程中文详解-FUZZY检测用于开关引脚测量
- 396. Rotate Function
- jsp页面获取服务器时间
- Oracle 导入本地dmp文件 详细操作步骤
- P1238 走迷宫
- YYModel底层解析- Runtime
- spring-boot 根据环境启动
- Java中字段、属性、成员变量、局部变量、实例变量、静态变量、类变量、常量
- 第一个VS2015 Xaramin Android项目(续)