AngualrJS(十三)改变$scope的值
来源:互联网 发布:英语流利说 知乎 编辑:程序博客网 时间:2024/06/05 04:51
转载地址:http://www.cnblogs.com/liulangmao/p/3720363.html
本篇主要介绍控制器的$scope中的数据是如何被改变的:
以下三种方法,都可以改变$scope中的number值:
1. 表达式:
<span ng-click="number=number+3">点击改变值1</span>
2. 回调函数:
<span ng-click="computeNum()">点击改变值2</span>
$scope.computeNum = function(){
$scope.number = $scope.number+3
}
3. input元素的ng-model属性:
<input type="text" ng-model="number"/>
完整代码:
<!DOCTYPE html><html ng-app><head> <title>10.1$scope数据控制</title> <meta charset="utf-8"> <script src="../angular.js"></script> <script src="script.js"></script></head><body><div ng-controller = "ScopeData"> <span ng-click="number=number+3">点击改变值1</span> <br> <span ng-click="computeNum()">点击改变值2</span> <br> <span><input type="text" ng-model="number"/></span> <p>{{number}}</p></div></body></html>
function ScopeData ($scope){ $scope.number = 0; $scope.computeNum = function(){ $scope.number = $scope.number+3 }}
可以看到,这三种方法都可以动态实时的改变$scope中number的值,其中,1和2是等价的.
*注意,在表达式里直接写ng-click="number-3"是无效的表达式.
阅读全文
0 0
- AngualrJS(十三)改变$scope的值
- angualrjs 指令之scope
- angualrjs $scope 详细分析
- AngualrJS中的scope
- 改变指令的Scope
- angualrJS 的坑们(1)
- AngualrJS的学习记录(二)
- angualrJS支持的event
- AngualrJS(四)input元素的ng-model属性
- AngualrJS的学习记录(三)一一AngularJS指令小结
- AngualrJS常用指令的使用
- angualrJs中$interpolate的运用
- Angualrjs插值字符串$interpolate
- AngualrJS(十四)$watch 1
- AngualrJS(十四)$watch 2
- angularJS $scope的$watch方法监听model改变
- angualrjs动态添加类名 动态改变css
- Maven 中的scope的值
- eclipse启动tomcat,不能够通过网页访问项目和tomcat主页
- Percona-XtraBackup安装配置
- 两个链表的第一个公共节点
- 硬件设计小说(一):发光二极管的故事
- leetcode[Binary Tree Tilt]//待整理多种解法
- AngualrJS(十三)改变$scope的值
- 线段树模板
- Java I/O
- Java注解(一):注解介绍及自定义注解入门
- spring整合mybatis
- BZOJ 2440-完全平方数(二分答案+莫比乌斯反演)
- request.getParementer()获取不到值的原因及解决办法
- 手机是否全屏
- 初识Socket_1