jquery syn element value to angularJS'#scope model by change()

最新推荐文章于 2015-03-23 14:50:46 发布
原创 最新推荐文章于 2015-03-23 14:50:46 发布 · 813 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
javascript(jquery | angualry)

当前文章被收录于：

javascript(jquery | angualry)
14 篇文章 0 人学习
订阅专栏 查看详情
本文介绍了两种在AngularJS中立即更新$scope实例的方法：一种是使用jQuery选择器结合.val()和.change()方法来更改输入框的值并触发变更；另一种是直接通过DOM元素设置$scope的属性值。

1. $("#userName").val("Jim").change();  //  $scope.userName will be updated to "Jim" immediately

2. $("body").scope().userName="Jim" //  ng-controller is on <body ng-controller="ctrl">

    $("#userDiv").scope().userName="Jim" //  ng-controller is on <div id="userDiv" ng-controller="ctrl">

ZH奶酪：JavaScript调用AngularJS的函数/$scope/变量
weixin_33694620的博客
05-19 300
使用背景： 需要在其他JavaScript文件中调用AngularJS内部方法或改变$scope变量，同时还要保持双向数据绑定； 首先获取AngularJS application： 方法一：通过controller来获取app var appElement = document.querySelector('[ng-controller=mainController]'); 然...
angular.element方法汇总(转)以及AngularJS 动态添加元素和删除元素
热门推荐
litao8976的博客
06-03 1万+
addClass()-为每个匹配的元素添加指定的样式类名 after()-在匹配元素集合中的每个元素后面插入参数所指定的内容，作为其兄弟节点 append()-在每个匹配元素里面的末尾处插入参数内容 attr() - 获取匹配的元素集合中的第一个元素的属性的值 bind() - 为一个元素绑定一个事件处理程序 children() - 获得匹配元素集合中每个元素的子元素，选择器选择性筛选
angular $log
Esengnet的专栏
03-28 2588
function controller($scope,$log){       $scope.setYourName = function(){               $scope.yourname=$scope.fname+" "+$scope.lname;         $log.info("info-------------"+$scope.yourname);      
Angular分页排序
Esengnet的专栏
04-04 2054
tr, td{       cursor:pointer;      text-align: left;      padding-top: 2px !important;      padding-right: 2px !important;      padding-bottom: 2px !important;      padding-left: 2px !important;
angular form validation
Esengnet的专栏
03-25 1391
1. create a html file like as below                     body { padding-top:30px; }                                         AngularJS Form Validation      
angular load steps
Esengnet的专栏
03-27 1263
1. call anonymous function:     (function(window, document, undefined) {       ...          bindJQuery();     publishExternalAPI(angular);      jqLite(document).ready(function() {           ang
angular select element
Esengnet的专栏
03-27 951
1. use obj, the html code like aaa bbb $scope.obj={"a1":"aaa","b1":"bbb","c1","ccc"};   2. use array, but the optoin's value always array's index,i.e. aaa bbb $scope.objs=[{key:"aaa",value:"a1
must re-compile ng element for loading html content dynamically
Esengnet的专栏
04-23 870
var $injector = angular.injector(['ng']);     var $div = $("#saveProductForm");                   $injector.invoke(function($compile) { var scope = angular.element($div).scope();            $compi
使用JavaScript匿名函数自动调来实现自己的框架
Esengnet的专栏
03-19 774
below steps is simple example. setp1 : create a js file named as zms.js //zms.js (function(window) {     var zms = window.zms={}; ;    var s = function(){alert("s");}    var d = function(){alert
angular transfer msg from one controller to the other controller by $scope.$on()
Esengnet的专栏
03-27 686
ControllerOne     BROADCAST     ControllerTwo         my-component           var app = angular.module('app', []);    app.factory('sharedService', function($rootScope) {      
javascript's call usage
Esengnet的专栏
03-19 659
var func1=new function(){     this.name="func1" } var func2=function(x){          var name="func2";          alert(this.name);          alert(name);          alert(x);    }      func2.call(fu
javascript遍厉对象中的所有属性
Esengnet的专栏
03-19 649
var obj={} obj.name = "Jim"; obj.sex = "male"; ob.sayHello = function(name){         return "Hello everybody, i'm " + name;     } obj.contact = {     tel : "888-88888888",     qq : "8888888888
js function injector
Esengnet的专栏
04-23 647
ff.injector('f1',['a','b',function(a,b) {        alert(a+":"+b);              }]);     ff.f1('aa','bb');     ff.injector('f2',['a',function(a){        alert(a);   }]);     ff.f2("123")
js函数调用方式
Esengnet的专栏
06-10 551
1.  数组的push调用方式   var ary = [];
jquery usage
Esengnet的专栏
03-23 522
attribute： $(”p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(”img”).attr({src:”test.jpg”,alt:”test Image”}); 给某个元素添加属性/值，参数是map $(”img”).attr(”src”,”test.jpg”); 给某个元素添加属性/值 $(”img”).attr(”title”, function
Kernel Hacker 修炼之道（Linux内核 + Kernel Hacker + 内核学习/调试 + 内核开发入门）
07-03
Kernel Hacker 修炼之道是一份面向 Linux 内核学习和内核开发入门的资料，内容通常围绕 Linux 内核结构、内核开发环境、源码阅读、调试方法、驱动开发基础和内核开发思路展开。适合 Linux 内核初学者、驱动开发人员、嵌入式 Linux 工程师和希望深入理解操作系统底层机制的开发者使用。可用于 Linux 内核入门学习、源码阅读方法参考、内核模块开发准备和底层调试能力提升。具体内容以压缩包内实际资料为准。
三相逆变器模型仿真及软开关技术研究（Simulink仿真实现）
07-03
内容概要：本文围绕三相逆变器模型仿真及软开关技术展开研究，基于Simulink平台构建三相逆变器的闭环控制仿真模型，深入分析PWM调制策略、反馈控制机制与系统动态响应特性。重点探究软开关技术在逆变电路中的实现原理与应用优势，通过仿真验证其在降低开关损耗、减小电磁干扰、提升转换效率与系统稳定性方面的显著效果。研究涵盖主电路建模、控制器设计、驱动时序配合及软开关条件的实现路径，同时关联单相逆变器、Buck/Boost变换器、电机驱动与微电网等典型电力电子系统的仿真案例，体现了较强的系统集成性与工程实践价值。; 适合人群：具备电力电子技术、自动控制理论及电气工程相关基础知识，从事新能源发电、电力变换系统研发或相关领域科研工作的研究人员、工程师及研究生。; 使用场景及目标：①掌握三相逆变器在Simulink中的建模方法与闭环控制设计流程；②理解软开关的工作机理及其在高频化、高效化电力变换中的关键技术作用；③应用于光伏逆变、储能变流、电动汽车驱动及微电网等对能效与可靠性要求较高的电力电子系统设计与优化。; 阅读建议：建议结合Simulink软件进行仿真复现，重点关注PWM发生模块、电流电压双闭环调节器参数整定、死区设置以及软开关谐振网络的时序配合，同时参考文中提及的其他电力电子电路案例，系统性地深化对现代电力变换系统控制策略与仿真技术的理解。
高校技术转移办公室人员如何通过科创数智大脑推动校地协同创新？.docx
07-03
科易网基于40亿+科创知识图谱数据库，深度探索AI技术在技术转移、成果转化、技术经纪、知识产权、产业创新、科技招商等垂直领域的多样化应用场景，研究科技创新领域的AI+数智化解决方案，推动科技创新与产业创新智能化发展。
VSCode 插件开发实战教程：从零到发布 （VSCode插件开发实战教程）
最新发布
07-03
资源包内部包含了教程，通过这个实战项目，你完整经历了 VSCode 插件开发的完整生命周期：脚手架搭建、命令与状态栏、Webview、配置、菜单与快捷键、打包发布。你可以基于这个骨架继续扩展，真正提高自己的开发效率。祝你写出好用的插件！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值