草庐IT

knockout-components

全部标签

javascript - knockout ,嵌套foreach

让我有猫和小猫的人类classMaster{StringmasterName;Cat[]cats;}classCat{StringcatName;Kitten[]kittens;}classKitten{StringkittenName;}现在我想在html中显示我所有的小猫和猫与主人。我用 最佳答案 来自knockoutdocumentation$parentsThisisanarrayrepresentingalloftheparentviewmodels:$parents[0]istheviewmodelfromthepare

javascript - knockout js单选按钮点击事件重置选择

我在单选按钮列表上绑定(bind)了“checked”和“click”事件。但是只要单击单选按钮,选择就不会保留。我一定是做错了什么。如果你们能指出我正确的方向,我真的很感激。请参阅FiddleHere查看模型:varviewModel={wantsSpam:ko.observable(true),spamFlavor:ko.observable('cherry'),click:function(model){console.log(model);}};查看: 最佳答案 来自clickeventdocumentation:Bydef

javascript - ReactJS + 终极版 : How to structure action creators down to each component?

我有一个名为App.js的父组件:...render(){return({React.cloneElement(this.props.children,this.props})}...functionmapDispatchToProps(dispatch){return(actions:bindActionCreators(actions,)}exportdefaultconnect(...,mapDispatchToProps)(App)并且Prop将传递给每个组件。我想让每个组件都有它的actioncreators文件,但是我怎样才能将所有actioncreators绑定(bind

javascript - react : Do children always rerender when the parent component rerenders?

据我所知,如果一个父组件重新渲染,那么它的所有子组件都会重新渲染,除非它们实现了shouldComponentUpdate()。.我madeanexample这似乎不是真的。我有3个组件:,和.组件负责呈现但以不同的方式做到这一点。的渲染函数静态声明在运行前,像这样:虽然处理接收和呈现在运行时动态地,像这样:{this.props.children}两者都是和有onClick听众改变他们的状态并在点击时重新呈现。我注意到点击时它和被重新渲染。但是当我点击,那么只有父代而不是重新渲染。是一个没有shouldComponentUpdate()的功能组件所以我不明白为什么它不重新渲染。有人可

javascript - knockout 组件(不)绑定(bind)新内容

已编辑的问题和示例我试图让Knockout组件在初始ko.applyBindings();之后绑定(bind)所以我可以动态添加自定义元素。在我原来的帖子中,我提到了通过ajax加载内容,但是当使用jQueryappend之类的东西将自定义元素添加到DOM时,我的问题就出现了。.这是一个例子:$(function(){//Registerasimplewidget:ko.components.register('like-widget',{template:'Thisisthewidget'});//Applybindingsko.applyBindings();//Wireup'ad

javascript - react & 归零 : connect() to multiple components & best practices

我正在处理我的第一个React/Redux项目,我有一个小问题。我已阅读文档并观看了https://egghead.io/lessons/javascript-redux-generating-containers-with-connect-from-react-redux-visibletodolist上的教程。.但是我还有一个问题。这是关于登录页面。所以我有一个名为LoginForm的展示组件:组件/LoginForm.jsimport{Component,PropTypes}from'react'classLoginFormextendsComponent{render(){re

javascript - 在 Knockout JS 中将值传递给 ko.computed

我一直在使用MVC4SPA和knockoutJs工作,我的问题是我想将一个值传递给ko.computed。这是我的代码。self.getClients=ko.computed(function(Id){varfilter=Id;returnko.utils.arrayFilter(self.Clients(),function(item){varfId=item.FirmId();return(fId===filter);});});我只想将公司名称显示为标题,然后在其下方显示客户。正在调用该函数,但Id未定义(我也尝试过使用“公司”),如果我更改:varfilter=id;TOvar

javascript - react .js : Is it possible to convert a react component to HTML DOM's?

我正在开发一个基于map的应用程序,该应用程序使用GoogleMapAPI在React.js中创建标记及其信息窗口。infowindow.setContent()只接受String或HTML。我不可能传入String,因为我有一个button链接到另一个React组件中的特定方法(类似于:_this.props.addList(地点))。因此,我必须将参数作为HTMLDOM填充为以下代码行:vardiv=document.createElement('div');vartitle=document.createElement('h4');title.innerHTML=place.na

javascript - knockout 验证异步验证器 : Is this a bug or am I doing something wrong?

我真的很喜欢EricBarnard'sknockoutvalidationlib与observable集成,允许分组,并提供自定义验证器可插入性(包括即时验证器)。有几个地方可以使用户体验更加灵活/友好,但总体而言,它的文档相当齐全...except,imo,whenitcomestoasyncvalidators.在进行搜索和landingonthis之前,我今天与此搏斗了几个小时.我想我和原作者有同样的问题/问题,但我同意并不清楚duxa到底在要求什么。我想引起更多关注,所以我也在这里问。functionMyViewModel(){varself=this;self.nestedM

javascript - Angular 2 Material : sidenav toggle from component

我在我的项目中以这种方式使用Angular2Materialsidenav:Close如何从我的组件调用start.toggle()而不是带有点击事件的元素?感谢阅读 最佳答案 你想在你的Controller中声明一个ViewChild来引用你组件中的MdSidenav,像这样://Sidemenu@ViewChild('start')sidenav:MdSidenav;其中start是您要引用的组件的名称,在本例中为sidenav。接下来,您可以在该sidenav上调用方法,例如在您的Controller函数中调用this.sid