草庐IT

knockout-components

全部标签

javascript - 基本 Knockout JS 映射到单个 JSON 对象

我对knockout很陌生,正在创建一个jquery移动应用程序,希望获得knockout的好处。我花了最后一天的时间来解决一个非常简单的问题。我已经删除了代码并手动进行了手动绑定(bind)(因此几乎破坏了使用KO而不是jquery的目的)。无论如何,如果有人可以告诉我如何改变我必须使用KO的真正力量的东西,那么这对我来说是一个很好的基础。我能找到的任何代码示例总是针对比这复杂得多的问题(处理数组等)我的JSON:{"id":9,"fullName":"JohnDoe","firstName":"John","lastName":"Doe","referenceNumber":"BU

javascript - react : componentDidMount + setState not re-rendering the component

我对使用componentDidMount和setState来使用react并努力更新自定义组件相当陌生,这似乎是推荐的做法。下面是一个示例(包括用于获取数据的axiosAPI调用):importReactfrom'react';import{MyComponent}from'my_component';importaxiosfrom'axios';exportdefaultclassExampleextendsReact.Component{constructor(props){super(props);this.state={data:[]};}GetData(){returnax

javascript - 导出默认类 Book extends Component VS export default Book

我是新手,所以这只是一个问题,我想知道哪个更有效,哪个提供最佳时间复杂度。没有。1exportdefaultclassBookingTabsextendsComponent{render(){return();}}没有。2classBookextendsComponent{render(){return();}}exportdefaultBook问题:哪个使用效率更高?哪个花费的时间更少?甚至微秒的差异?exportdefault和module.export有什么区别? 最佳答案 它们之间没有区别。但是当你想使用一些高阶组件时,你应

javascript - Knockout JS 在 foreach 绑定(bind)中调用 ViewModel 函数

让我们考虑一个使用knockout的View模型:vardata=[{id:1,name:"JohnDoe"},{id:2,name:""},{id:3,name:"PeterParker"}];varviewModel={items:ko.observableArray(data)};viewModel.showName=function(name){console.log(this);returnname&&name.length>0;};viewModel.removePerson=function(){console.log(this);};ko.applyBindings(v

javascript - knockout js intellisense(自动建议)不适用于 Webstorm 和 Visual Studio

我在我的简单应用程序中使用了knockoutjs。knockoutjs在我的应用程序中运行良好。我的问题是为什么VS2013或WebStorm不显示任何用于knockout的智能感知?它还显示了jQuery的智能感知。目前我的代码是:$(function(){$("#jqueryTestId").html("Helloworld,Fromjquery.");});name:You'veclickedtimesClickmevarviewModel={numberOfClicks:ko.observable(0),name:ko.observable(""),incrementClick

javascript - 同一 View 中的多个 knockout 组件

我四处寻找这个问题的答案,但终究无法弄清楚我所做的与官方示例有何不同,除了我认为我的用例有点更复杂:http://knockoutjs.com/documentation/component-binding.html基本上,我正在尝试创建可重用的UI元素。该行为实质上将通过“params”对象传递给他们。然而,我希望多个元素能够存在于一个页面上,这正是我遇到困难的地方。我正在使用browserify来捆绑我的代码并具有以下内容(为简洁起见chop了一些条目):index.html主要.jsvarko=window.ko=require('knockout'),toggle=requir

javascript - 为什么要在Component中写Object=Object才能在Angular中获取Object.keys?

在我的Angular模板中,我需要对象的键数。我在模板文件中写了{{Object.keys(myObj).length}}。但它会引发错误:ERRORTypeError:Cannotreadproperty'keys'ofundefined。然后我从互联网上得到了一个建议,所以我在我的组件中写了Object=Object并且它起作用了。我不明白这背后的哲学是什么。花括号中的其他表达式和语句在Angular模板中如何工作? 最佳答案 模板表达式上下文通常仅限于组件实例本身。因此,当您在{{}}中插入一个变量时,它实际上会查找底层组件实

javascript - Knockout.js 显示/隐藏 block 可见性模式

我在下一个案例中遇到了代码重复问题。在我的页面上,我有很多block需要通过单击链接来显示/隐藏:ShowfirsthiddencontentfirstShowsecondhiddencontentsecond还有我的JSvarvm=function(){this.isVisibleFirst=ko.observable(true);this.showHiddenFirst=function(){this.isVisibleFirst(false)};this.isVisibleSecond=ko.observable(true);this.showHiddenSecond=funct

javascript - 从 Knockout.js 选项数组中删除后重新初始化 Materialize.css 选择框

我有一个选择框,其中的选项和选择是通过Knockout.js处理的。我想使用MaterializeCSS设计它的样式。此功能可正常用于选择框的初始显示,并且当将选项添加到optigon.js'options'observablearray时,通过使用“optionsfafterrender”绑定(bind)在添加每个选项后的(rereret)初始化(浪费,浪费,但有效)。删除选项时,Knockout.js不提供类似于“optionsAfterRender”的任何内容,因此没有明显的方法来触发MaterializeCSS魔法的重新初始化。问题:您是否可以看到任何非疯狂的选项?代码:('s

javascript - 在 knockout 可观察数组上使用 underscore.js "pluck"

我有一个可观察的对象数组,我想使用underscore.js提取值例如:ko.observableArray([{id:ko.observable(1),name:ko.observable("name1")},{id:ko.observable(2),name:ko.observable("name2")},...])我只想提取对象内部的值,而不是整个可观察值。我可以只用一个命令来完成吗?我试过:_.pluck(myArray(),"id()")和_.pluck(myArray(),"id"())但是它们分别返回未定义数组和“id不是函数”。谢谢! 最佳答