草庐IT

数据绑定

全部标签

javascript - 如何将现有的 DOM 元素绑定(bind)到 KnockoutJS viewModel

如果JS值发生更改,我将使用KnockoutJS更新DOM(Knockout为我们提供了此功能)。默认的KnockoutviewModel类似于以下block:Javascript:varviewModel={price:ko.observable(109)}HTML:现在,当价格发生变化时,Knockout会自动更新View。但我想要的是以下内容:varviewModel={price:ko.observable(jQuery("#price"))}99.00所以,我想将一个DOM元素绑定(bind)到我的viewModel。模型中的价格属性初始化为值99.00。当价格改变时(在Ja

javascript - jquery绑定(bind)点击和悬停,如何检查是否点击

我有这样的组合功能(简化版):$('label').bind('clickhover',function(){$('label').removeClass("active");$(this).addClass("active");});如何添加if来检查是否是点击? 最佳答案 使用event.type:$('label').bind('clickhover',function(event){if(event.type=='click'){//dostuff}$('label').removeClass("active");$(thi

javascript - 在 CasperJS 中使用 AJAX 获取页面的远程数据

在执行CasperJS脚本的过程中,我需要从另一个站点获取和解析JSON数据,以便我可以使用该数据填写我正在积极处理的站点上的表单。我该怎么做? 最佳答案 您可以使用__utils__.sendAJAX():varcasper=require('casper').create();varwsurl='https://raw.github.com/n1k0/casperjs/master/package.json';varword;casper.start('http://google.com/',function(){word=th

javascript - 将数据从一个网页传递到另一个网页

我需要使用客户端技术将大量数据从一个页面传递到另一个页面。它基本上是一个将显示在目标页面上的id列表。显然查询字符串不适合,因为可能有数千个ID,所以我想我可以使用javascript动态添加表单(method=GET),将ID写入隐藏字段并将表单提交到目标页面。它似乎工作正常,但我想知道是否有更好的方法-这感觉有点老套。 最佳答案 通过使用HTML5StorageAPI,您可以实现这一点......使用HTML5,网页可以在用户的​​浏览器中本地存储数据。早些时候,这是通过cookie完成的。但是,WebStorage更安全、更快

javascript - 使用 Angular 服务在 Controller 之间共享数据

我正在尝试让两个不同的Controller相互通信。Controller1functionWelcomeCtl($scope,emailService){$scope.save=function(){emailService.saveEmail(‘Hi’);}}WelcomeCtl.$inject=[$scope,emailService];此Controller旨在从文本字段中获取文本(使用ng-model='email')并将文本放入服务(emailService)中,以便在下一个ng-view(受控)中使用由下一个Controller)//出于测试目的,我只是将“Hi”直接放入s

javascript - angularjs 范围内可以存储的最大数据量是多少?大范围应用程序的性能?

之前我用AngularJS做了一些小例子。我对Angular$scope存储大型数据集的能力和大型数据集的性能有疑问。示例:在酒店预订系统(如http://www.hotels.com)中,通常酒店API(Hotelbeds、DOTW...)会为曼谷、迪拜、西类牙等热门目的地提供数百家酒店。我的问题是,当我们将这么多数据分配给AngularScope时,应用程序能否在不损失性能的情况下工作?AngularScope中可以存储的最大数据量是多少? 最佳答案 根据我的经验,当您使用大量DOM节点时,每个节点都包含多个DOM节点,您的应用

javascript - 如何在 knockout 中从节点中删除绑定(bind)?

我发现理论上ko.cleanNode()应该在调用时从节点中删除绑定(bind),但在thisexample中好像不行。Javascript://Viewmodelvarvm={name:ko.observable("John")}//Nodetobeaddedvarnode=$("",{id:"testing",'data-bind':"text:name()"});//Firstadditiontobody$("body").append(node);//Applybindingsko.applyBindings(vm,$("#testing")[0]);//Removeko.cl

javascript - 隔离范围 "="绑定(bind)和点符号 AngularJS

如何在带点符号的独立作用域中使用嵌套属性创建双向绑定(bind)。我认为'myObject.data':"=data"会工作,但事实并非如此。我不想链接myObject对象中的所有内容。我知道我可以做一些观察,但'myObject.data'看起来更干净。.directive("myDirective",[function(){return{restrict:"E",scope:{'myObject.data':"=data"},link:function(scope,element,attrs){scope.myObject={data:"myValue"};}};}])

c# - JSON 数据结构 - JSON 到对象 - 最佳实践

我正在努力使用JSON、ASP.NET、typescript/javascript和AngularJS设计我的网络应用程序。简而言之:我需要一个通过JSON将数据从服务器发送到客户端的最佳实践,在客户端使用JSON字符串创建对象。我有一个具有以下结构的WebServerAPI项目(ASP.NET):Controller数据Controller(RESTAPI)模型一个类型模型类:publicclassA{publicpropertyintId{get;set;}publicpropertystringName{get;set;}publicpropertyTypeType{get;se

javascript - d3 - sunburst - 给定更新数据的过渡 - 尝试动画,而不是捕捉

我正在研究基于MikeBostock的ZoomableSunburst的旭日形可视化。示例。我希望能够使用全新的JSON(具有相同的结构但“大小”值不同)更改基础数据,并让旭日动画转换以反射(reflect)更新后的数据。如果我使用.data()更改路径元素的数据,然后尝试以下列方式更新:path.data(partition.nodes(transformed_json)).transition().duration(750).attrTween("d",arcTween(transformed_json));(..这与点击fn的代码几乎完全相同)functionclick(d){p