草庐IT

双向绑定

全部标签

javascript - AngularJS 变量之间的绑定(bind)

我有一个从我的服务中检索到的用户列表。当我选择任何用户时,我可以查看和编辑信息(电子邮件、Angular色等)。问题是我不希望这些更改影响列表中用户的数据,我只想在保存后更新数据(单击按钮)。现在我使用两个变量:$scope.selected-当前选择的用户$scope.editable-用于存储我正在编辑的数据的变量我这样交换数据:$scope.initEditable=function(){$scope.editable={};$.extend($scope.editable,$scope.selected);}看起来是个糟糕的解决方案。正确的做法是什么?

javascript - 如何在 jQuery 中使用 CSS 'background-image' 属性添加图像绑定(bind)点击事件

这是我的fiddlelink我想我的问题本身就很清楚了。不过,我正在寻找的是一种绑定(bind)click的方法。使用css添加的图像上的事件background-image属性(property)。我知道,我可以通过简单地定位来实现类似的功能(将图像放在输入字段上使用thisway或thisway)标记input框,然后处理所需的事件,但对于宽度和高度不同的输入字段,或者如果包装div没有position:relative;,这种方式似乎不太灵活。作为其属性(property)。如果在使用background-image加载的图像上添加事件不可能那么如何使后面的方法更灵活。希望我已经

javascript - Angular 指令绑定(bind)函数,不向 Controller 传递参数

我有一个与Boxfilepicker交互的指令.我的指令由2个独立的Controller使用,将来可能会添加更多。Box文件选择器允许您在用户选择文件/文件夹后设置回调函数,如下所示:varboxSelect=newBoxSelect();//RegisterasuccesscallbackhandlerboxSelect.success(function(response){console.log(response);});我的Controller正在使用指令,它们将成功回调逻辑作为范围变量,我将其传递给指令。我创建了一个plunkr我在mockBox选择行为的地方Controlle

javascript - AngularJS 绑定(bind)点击而不是 ng-click

我正在查看AngularJs并有一个问题,这是我的指令:myApp.directive("enter",function(){return{restrict:'A',scope:{},controller:function($scope){$scope.logSomething=function(somevalue){console.log(somevalue+"islogged");}},template:''+'clickme'}})这行得通,但我的问题是如何使用bindclicking而不是ng-click指令来做同样的事情?并不是说它更好(也许?),而是出于好奇它应该包括这样的

javascript - knockout 点击绑定(bind)与javascript确认

我不知道如何创建除非javascript确认对话框返回true,否则不执行valueAccessor的knockout点击绑定(bind)。大概是这样的:Confirmablelink在内部,confirmClick绑定(bind)会做类似的事情:if(confirm(message)){click();}我知道我可以通过将confirm(...)代码放在我的viewModel,但这似乎不是放置此类代码的合适位置。我可能还可以使用jQueryUI或Bootstrap进行这种确认对话框,但我想要一些我可以放入任何项目的东西。我已经在互联网上搜索了,但没有运气。我什至查看了knockout

javascript - 数据绑定(bind)到 Angular 中数组的特定项

给定一个包含JavaScript对象数组的数据结构,我如何使用Angular将该数组中的特定条目绑定(bind)到输入字段?数据结构如下:$scope.data={name:'FooBar',fields:[{field:"F1",value:"1F"},{field:"F2",value:"2F"},{field:"F3",value:"3F"}]};fields数组包含给定结构的多个实例,每个条目都有一个field属性和一个value属性。如何使用fieldF1将input控件绑定(bind)到数组条目的value字段属性>?我知道我可以使用ng-repeat绑定(bind)所有字

javascript - 调用 ES6 方法时绑定(bind)上下文。如何从称为回调的方法中访问对象?

我正在努力思考ES6中类的语法。同时通过BonnieEisenman的LearningReactNative学习Fabricnative。当回调是类“方法”时,我遇到了有关在回调中访问this的问题。我知道有关回调中词法this的问题已在StackOverflow上多次提出。例如在Howtoaccessthecorrect`this`contextinsideacallback?.根据我的在线研究,我找到了一个解决方案。但我不确定这是在ES6中执行此操作的正确方法。当我尝试以下操作时出现了我的问题:classWeatherProjectextendsComponent{construc

javascript - 您可以绑定(bind) .click() 以便它在 onclick 之前触发吗?

我正在为在JSF中构建的应用程序编写jQuery。JSF组件使用大量它们自己的JS来完成JSF所做的一切,并且它们使用大量的onclick属性来处理这一切。是否有有效/正确的方法将您自己的点击事件绑定(bind)到元素并确保您的事件在默认的onclick事件之前触发?似乎默认情况下,在任何内联onclick函数调用之后都会触发jQueryclick函数。 最佳答案 在jQuery中,事件严格按照注册顺序触发。您可以通过遍历整个DOM,删除那些onclick属性,然后注册您自己的处理程序来绕过任何内联DOM0onclick样式处理程序

javascript - 如何将处理程序绑定(bind)到窗口上的选择更改?

基本上我需要知道window.getSelection()何时更改并将处理程序绑定(bind)到此事件。想法?OBS:请注意,我不希望在INPUT或TEXTAREA上绑定(bind)选择更改。我说的是窗口中的任何选择。 最佳答案 2019年更新所有主流浏览器现在都支持selectionchangeevent,它完成了工作。Firefox是最后一个获得它的浏览器,自版本52(2017年3月发布)以来,它没有配置标志。原始答案没有跨浏览器的方法来检测选择的变化。IE(我认为从5.5版开始)和WebKit/Blink浏览器(例如,过去几年

javascript - AngularJS 和 Play Framework 模型绑定(bind)和模板

我想知道是否有人找到了一种在PlayFramework和AngularJS之间绑定(bind)模型的好方法。例如,您点击一个URL,该页面由PlayFramework使用服务器端的模板为给定的Person对象生成。现在您想使用AngularJS来实现丰富的用户体验,并在客户端的JavaScript/AngularJS模板中使用该Person对象。这样做的一种方法是从AngulraJS进行另一个Ajax调用并填充JS模型。对于为该Person对象生成页面的第一次调用,这似乎是多余的。另一种方法是做这样的事情:person=@Html(FrontEnd.personToJSON(thisP