草庐IT

knockout-components

全部标签

javascript - react .createElement : type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object

预计我应该能够导出我的App组件文件并将其导入到我的index.js中。结果出现以下错误React.createElement:typeisinvalid--expectedastring(forbuilt-incomponents)oraclass/function(forcompositecomponents)butgot:object我的index.jsconstReact=require('react');constReactDOM=require('react-dom');constApp=require('./components/App');require('./inde

javascript - 在 knockout.js 中使用 mustache 模板

我想使用knockout.js,但不幸的是我不能使用jquery-tmpl,因为jquery1.4.2是我们无法升级到的先决条件(我不会在这里深入讨论)。有没有人知道如何开始使用带有挖空功能的Mustache模板?我发现很难找到有关它的任何信息。 最佳答案 更新我已经发布了用于使用mustache作为模板库的knockoutjs模板引擎的初始版本。您可以在https://github.com/WTK/ko.mustache.js查看你看过这部分文档了吗http://knockoutjs.com/documentation/templ

javascript - knockout 'for' 绑定(bind)?

原始问题是否有人拥有或知道允许类似于for循环的行为的knockout绑定(bind)?我可以让foreach做我想做的事,但如果我不必那样做就好了。编辑2我正在尝试根据用户所做的选择创建表格行。在某些情况下,我需要x行,其中x是数组的长度,有时x表示显示n个数组所需的最大行数。例如:image1是基于4个大小不同的数组构建的image2是从同一个数组构建的,在本例中是加倍的。//$parentContext.$index()-->以上工作正常并创建了我想要的内容,但我不喜欢将selectedTab.runners从数字转换为空数组只是为了使其循环n次以创建行。我愿意接受建议。注意在我

javascript - 使用knockout js上传文件

文件上传无法使用knockoutjs。我试过下面的代码但没有工作。请指出我做错的地方。这是我的文件控件和按钮。我无法将选定的文件从客户端发送到服务器。请建议最好的方法是什么。Uploadko.bindingHandlers.file={init:function(element,valueAccessor){alert('init');$(element).change(function(){varfile=this.files[0];if(ko.isObservable(valueAccessor())){valueAccessor()(file);}});}

javascript - 在 knockout.js 中嵌套 foreach

我似乎无法让嵌套的foreach工作。JS代码为:$(document).ready(function(){functionchartValueViewModel(date,price){this.date=date;this.price=price;}functionchartViewModel(id,name,lineType,values){this.id=id;this.name=name;this.lineType=lineType;this.values=ko.observableArray(values);}functionliveCurveViewModel(){thi

Angular 2 : getting RouteParams from parent component

如何从父组件获取RouteParams?App.ts:@Component({...})@RouteConfig([{path:'/',component:HomeComponent,as:'Home'},{path:'/:username/...',component:ParentComponent,as:'Parent'}])exportclassHomeComponent{...}然后,在ParentComponent中,我可以轻松获取用户名参数并设置子路由。Parent.ts:@Component({...})@RouteConfig([{path:'/child-1',com

javascript - Animated.Component/createAnimatedComponent(Component) 与 Component 有何不同?

我们正试图从styled-components项目中找出以下问题的原因:https://github.com/styled-components/styled-components/issues/389对refs+setNativeProps进行了一些更改,在一个地方破坏了动画,假设是因为一些动画相关信息没有被正确传递。因此问题是了解createAnimatedComponent如何改变初始组件,添加了什么?如果传递不正确,什么会导致动画中断?如果您知道可能导致此问题的原因,请提供想法/详细答案。更新与问题相关的重大更改发生在thisfile中的某处引用innerRef向下传递ref,

javascript - 如何在可观察数组中 knockout 可观察对象

我想实现一个可观察数组,并且在该数组内应该有可观察对象(JS对象)。在View中,我正在迭代这个数组并获取对象并显示对象属性。假设有一个对象,如下所示,{"name":"john","age":21,"address":"No25"}想象一下可观察数组由上面的对象组成。然后我想更改特定对象的单个属性(例如名称),并且需要在View中查看更改。我如何使用knockout来做到这一点?谢谢。 最佳答案 如果您在viewModel中设置用户并将其映射到knockoutmapping你应该得到想要的结果。像这样的东西:myObservabl

javascript - knockout 最佳实践。如果或可见

在这种情况下,我正在寻找knockoutif或可见的最佳做法:......如果$root.obsVar()未定义,将抛出错误。如果将visible更改为if,问题将会丢失,但它需要重写html。如果div中有很多murkup,则需要花费很多时间。是否有任何理由将$root.obsVar().someField更改为始终返回正确值或未定义的$root.getSomeFieldValue?或者也许还有其他技术可以避免开销和避免错误。 最佳答案 这真的取决于场景。来自docs:ifplaysasimilarroletothevisible

javascript - 绑定(bind)中的 Knockout 2.0 参数顺序不正确?

使用此数据绑定(bind)的Knockout2.0:data-bind="click:$root.deleteSomeEntity.bind($data,$parent)"在KnockoutviewmodelJavaScript中的第一个参数self.deleteSomeEntity=function(data,parent){//performdeletion}似乎是父级而不是数据。这种行为是否有原因或我遗漏了什么? 最佳答案 当您调用bind时,第一个参数将是this的值。因此,在您的调用中,this将是$data,第一个参数将