草庐IT

knockout-components

全部标签

javascript - Knockout js - beforeRemove 动画,同时将项目添加到可观察数组

我在knockoutjs和将可观察数组显示为列表时遇到问题;在beforeRemove动画运行时添加项目时,被移除的元素将移动到列表的底部,而不是停留在其位置,直到动画结束并且元素被移除。这里有一个jsfiddle可以更好地解释这个问题:http://jsfiddle.net/bPP5Q/8/有人知道我怎么解决这个问题吗?JavaScript:jQuery(function($){varViewModel=function(data){varself=this;self.data=ko.observableArray(data);self.removeLine=function(ele

javascript - 为什么我使用 Knockout JS 时会收到 "Cannot read property ' nodeType' of null"错误?

今天是我参加knockout的第一天。被它击中了。下面是我使用knockout.js的第一个示例代码,它显示错误。Cannotreadproperty'nodeType'ofnull这是我的脚本:`functionViewModel(){varself=this;self.n1=ko.observable(10);self.n2=ko.observable(10);self.n3=ko.observable(10);}ko.applyBindings(newViewModel());`这是我的html:Number1:Number2:Number3:我想知道出现上述错误的原因以及如何克

javascript - IE 中的 Knockout JS 2.0 绑定(bind)解析错误

谁能告诉我这个http://jsfiddle.net/Yp8Bz/有什么问题吗??它在Chrome/Firefox中运行良好,但在IE8中出现以下错误:Message:Unabletoparsebindings.Message:SyntaxError:Expectedidentifier,stringornumber;Bindingsvalue:click:blah,attr:{class:'Hi'}Line:38Char:359Code:0URI:http://cdnjs.cloudflare.com/ajax/libs/knockout/2.0.0/knockout-min.js

javascript - Knockout.js 似乎在破坏我的 jQuery 事件处理程序,多么粗鲁

好吧,几个小时以来,我一直在努力解决这个问题,但一无所获,就像一只追逐自己尾部的狗。情况是这样的。我在我的UI中使用Knockout.js,它本身运行良好。但是,我正在尝试使用一些第三方代码来使下拉菜单和复选框看起来很漂亮。实际上我什至不确定这是第三方库还是我们的设计师写的东西。此代码隐藏真正的复选框并将其替换为假通过CSS模拟复选框。click跨度事件触发change真实复选框的事件://thiscodeupdatesthefakeUIthis._changeEvent=function(){self.isChecked=self.$input.is(':checked');self

javascript - Angular 2 : Creating child components programmatically

问题如何使用Angular2在父组件内创建子组件并在View中显示它们?如何确保注入(inject)物正确注入(inject)到子组件中?例子import{Component,View,bootstrap}from'angular2/angular2';import{ChildComponent}from'./ChildComponent';@Component({selector:'parent'})@View({template:`thechildren:`,directives:[ChildComponent]})classParentComponent{children:Chi

javascript - 从 Knockout.JS 中的数组中删除特定元素

我正在通过网络创建多人游戏,因此我必须对网络事件使用react。我有这个简单的代码,但是removePlayer方法不起作用。addPlayer()工作正常。NameQueuePointsfunctionPlayerViewModel(){varself=this;self.players=ko.observableArray();self.addPlayer=function(Name,QueuePos,Score){self.players.push({name:Name,queue:QueuePos,score:Score});}self.removePlayer=functio

javascript - "Stateless function components cannot be given refs"是什么意思?

我有这个:constProjectsSummaryLayout=({projects})=>{return(Projects{projects.map(p=>{p.contract.client})})}constProjectsSummary=connect(state=>({projects:state.projects}))(ProjectsSummaryLayout)我得到:Warning:Statelessfunctioncomponentscannotbegivenrefs(Seeref"wrappedInstance"inProjectsSummaryLayoutcrea

javascript - 可观察数组的 knockout 过滤

我已经开始学习Knockout,我在点击按钮过滤可观察数组并显示结果时遇到了一些问题。这是我的模型:functionProduct(data){this.id=data.id;this.name=data.name;this.price=data.price;this.description=data.desc;this.image=data.image;this.genre=data.genre;this.show=data.show;this.offer_desc=data.offer_desc;this.offer_id=data.offer_id;}functionProduc

javascript - Knockout.js - foreach 绑定(bind) - 测试最后一个元素

我正在使用以下模板:AllowedresponsesTherearenoresponsesforthisquestion,yet.Addone//Iwanttoshowthisatagonlyif$dataisthelastelementinthearray.Problemhere===>我在控制台中收到此错误:UncaughtError:Unabletoparsebindings.Message:TypeError:Object[objectObject]hasnomethod'datatypeTemplate';Bindingsvalue:if:$data==$parent.dat

javascript - 如何使用 knockout 遍历一个对象(不是数组)

我想使用类似于Knockoutforeach构造的东西来迭代对象的属性。这是我要创建的...期望的结果Name18/5/2012Name22/8/2013但是,我的模型看起来像这样......JSfunctionDataModel(){this.data=ko.observableArray([{entityId:1,props:{name:'Name1',lastLogin:'8/5/2012'}},{entityId:2,props:{name:'Name2',lastLogin:'2/8/2013'}}]);}vardataModel=newDataModel();ko.appl