AngularJS学习(一)
2024-09-01 07:35:40
参考文章:http://blog.csdn.net/dc_726/article/details/17010325
1、HelloWorld篇
1.1 环境
下载:angular-1.2.5min.js
1.2 源代码
<!doctype html>
<html ng-app>
<head>
<script src="angular-1.2.5.min.js"></script>
</head>
<body>
hello {{'world'}}!
</body>
<html
1.3 运行结果
2、双向数据绑定
2.1 源代码
<!doctype html>
<html ng-app>
<head>
<script src="angular-1.2.5.min.js"></script>
</head>
<body>
Your name:<input type="text" ng-model="yourname" placeholder="world">
<hr>
hello {{yourname || 'world'}}!
</body>
<html
2.2 运行结果
2.3、说明
文本输入指令<input ng-model="yourname"/> 绑定一个叫yourname的模型变量
双大括号标记yourname模型变量添加到问候语文本。
你不需要为改应用另外注册一个事件监听器或添加事件处理程序!
现在试着在输入框中输入您的名称,您键入的名称将立即更新显示在问候语中,这就是AngularJs的双向绑定概念。输入框的任何更改都会立即反应到模型变量(一个方向),模型变量的任何更改都会立即反映到问候语文本中(另一个方向)
最新文章
- jquery-leonaScroll-1.3-自定义竖向自适应滚动条插件
- [ASP.NET MVC 小牛之路]09 - Controller 和 Action (1)
- python字符串方法的简单使用
- NDK问题总结
- 关于CPU Cache -- 程序员需要知道的那些事
- 戴文的Linux内核专题:07内核配置(3)
- C++ Templates之模板元编程
- ios中从相册:相机中获取图片信息
- Java之面向对象相关问题集
- android NDK编译(导入).a文件和编译多个so文件(转)
- Emmet for Dreamweaver:HTML/CSS代码快速编写神器
- CentOS 7离线安装CDH 5.16.1完全指南(含各种错误处理)
- sql group by聚合函数
- delphi 关于 ";高位"; 与 ";低位";
- 20155234 Exp2 后门原理与实践
- NLTK在自然语言处理
- FineReport和泛微OA(Ecology)的单点登录集成方案
- MVP架构学习
- 内存保护机制及绕过方法——利用Ret2Libc绕过DEP之ZwSetInformationProcess函数
- 循序渐进PYTHON3(十三) --5-- DJANGO请求处理流程