在jquery事件中修改Angular的model
HTML代码如下
<!DOCTYPE html>
<html ng-app="qm">
<body>
<input type="button" value="测试" id="btn"> <br /> <div ng-controller="test_Ctrl">
<input type="text" id="text_txt" value="{{value}}" echo="{{echo}}" />
</div>
</body>
</html> <script type="text/javascript" src="script/angular.min.js"></script>
<script type="text/javascript" src="script/jquery-1.8.3.min.js"></script>
初始化angualr
<script type="text/javascript">
var app = angular.module("qm",[]);
app.controller("test_Ctrl",function($scope){
$scope.value="haha";
$scope.echo="1";
}); </script>
浏览页面,文本框的初始值为"haha",现在,我想在点击按钮后,修改文本库值,当然不是用jquery的val()方法,该如何做呢
$("#btn").on("click",function(){
      //获取到文本框对象
       var input = angular.element($("#text_txt"));
      //获取文本框的scope
      var scope = input.scope();
     //修改value值
       scope.value="哈哈";
     //方法一:  调用$apply()方法,angular推荐使用
     scope.$apply();
     //方法二:  调用$digest()方法,不推荐
    //scope.$digest();
})
在jquery事件中修改Angular的model的更多相关文章
- angularjs 动态表单, 原生事件中调用angular方法
		
1. 原生事件中调用angular方法, 比如 input的onChange事件想调用angular里面定义的方法 - onChange="angular.element(this).sco ...
 - 在element的table修改事件中修改数据,table的数据也会修改
		
大家在修改的时候有的会通过点击事件里面获取点击列表的值然后去赋值,但是row是Object对象类型,如果直接赋值的话,就变成了浅拷贝,复制的是地址,导致在表单中改变值的时候table中的数据也跟着改变 ...
 - JavaScript 中的window.event代表的是事件的状态,jquery事件对象属性,jquery中如何使用event.target
		
http://wenda.haosou.com/q/1373868839069215 http://kylines.iteye.com/blog/1660236 http://www.cnblogs. ...
 - jQuery 事件探秘
		
jQuery 事件中为 dom 元素动态绑定事件的方式: 绑定事件到元素上 $(selector).bind('eventName', function(){}); 一次绑定多个事件时,事件名用单个空 ...
 - 第79天:jQuery事件总结(二)
		
上一篇讲到jQuery中的事件,深入学习了加载DOM和事件绑定的相关知识,这篇主要深入讨论jQuery事件中的合成事件.事件冒泡和事件移除等内容. 一.合成事件 jQuery有两个合成事件——hove ...
 - ASPxTreeList控件去根节点的新增修改操作(写在onCommandColumnButtonInitialize()事件中)
		
treelist去掉根节点按钮效果图: //去掉父节点及子节点旁的新增.修改.删除操作(写在onCommandColumnButtonInitialize事件中) protected void Tre ...
 - ListView与.FindControl()方法的简单练习 #2 -- ItemUpdting事件中抓取「修改后」的值
		
原文出處 http://www.dotblogs.com.tw/mis2000lab/archive/2013/06/24/listview_itemupdating_findcontrol_201 ...
 - jquery中修改一个元素的值或内容
		
jquery中修改一个元素的值或内容,比如数值增加可以使用这个方法取得原值并+1 $this.text(function(i,ot){return Number(ot)+1;});
 - JQuery 在$(window).load() 事件中 不运行 $(window).resize()
		
本文转载至: http://stackoverflow.com/questions/2597152/jquery-window-resize-doesnt-work-on-load 原文标题 :J ...
 
随机推荐
- ubuntu 18.04  设置中文输入法
			
有下面几种常用选择: IBus拼音:sudo apt-get install ibus-pinyin IBUS五笔:sudo apt-get install ibus-table-wubi 谷歌拼音输 ...
 - 原生及jq方式使用ajax
			
1.原生js实现Ajax方法: // 封装ajax()方法 function ajax(url,fnSucc,fnFaild){ //1.创建Ajax 对象 if(window.XMLHttpRequ ...
 - 在python 3.6的eclipse中,导入from  lxml  import  etree老是提示,Unresolved import:etree的错误
			
支持代码运行没问题,暂时没有找到真正解决办法,只能通过一下办法暂时解决.如下图:
 - strTemp.Format ("%.*lf",3,600.0);
			
CString strTemp; strTemp.Format ("%.*lf",3,600.0); 这句话的含义?求指教 优质解答 这就是一个格式化输出,分号之前的CStri ...
 - Linux运行Tomcat下的war文件
			
1.查看Tomcat进程: ps -ef |grep tomcat 2.关闭Tomcat进程: kill -9 pid 3.关闭Tomcat运行: bin目录下执行 ./shutdown.sh 4. ...
 - David Malan teaching CS75 lecture 9, Scalability
			
https://youtu.be/-W9F__D3oY4 Storage PATA, SATA, SAS (15,000 rpm), SSD, RAID0 : striping, double thr ...
 - 《精通Spring4.X企业应用开发实战》读后感第五章(Bean作用域)
 - EntityFramework 中的链接研究初探
			
很多人用EF的默认链接工厂:System.Data.Entity.Infrastructure.LocalDbConnectionFactory 然后我一开始就不习惯,然后研究了一下,截图如下 然后就 ...
 - C# ConfigurationManager 类的使用
			
一.前言 在项目中,我们习惯使用 ConfigurationManager 来读取一些常量.如链接数据库字符串.一些需配置的数据(微信.QQ.支付宝)等的配置.我们需要把这些数据记录在 app.con ...
 - Solr 6.7学习笔记(07)-- More Like This
			
Solr中提供了MoreLikeThis的功能,用于查询相似的文档 .应用场景(个人理解):1. 你写的文章和别人文章相似度高的话,有一方是抄袭的可能性就很大.2. 查找相似的产品. MoreLike ...