问题标签 [knockout-components]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何在淘汰赛 js 组件中添加 Twitter 关注按钮?
我正在为我的网站使用 knockout.js 组件。我想在我的一个组件中添加一个 twitter 关注按钮。您可能知道,twitter 提供了一个片段,可以使用脚本来完成。
这个片段应该使用 iframe 和小部件脚本所做的其他事情来添加 twitter 关注按钮。
这在组件之外工作正常。例子:
但是在淘汰赛 js 组件中,它不起作用:
例如:
有人可以帮我找到在这样的组件中成功添加关注按钮的方法吗?
注意:我也在使用 require.js 和 gulp。Facebook like 按钮呈现良好。
knockout.js - 无法写入在 knockoutjs 组件内作为参数接收的 observable
当我们将 KO 组件作为参数传递时,它会接收到 observable 的引用。当组件接收它作为参考时,您可以写入此可观察对象,它将反映在您的视图模型上;但是,当您使用 ko-es5 插件(超级棒)时,您的 KO 组件而不是接收也对您的 observable 的引用会接收某种 computeObservable,我们无法写入它。这是意外的行为吗?
仅使用淘汰赛尝试
http://jsfiddle.net/kapuca/k0fw8w18/
尝试使用敲除 + ko-es5 插件
javascript - 淘汰赛将可观察和计算数据推送到可观察数组
我正在尝试推送多个数据(名字和姓氏),当我计算名字和姓氏并尝试将数据推送到同一个数组中时,我会抛出一个错误。下面是我的代码。
视图模型:
HTML 视图:
我是 Knockout JS 的新手,我被困在这一点上,有没有办法在可观察数组中显示计算的名字和姓氏。感谢您提前提供帮助。
javascript - 淘汰原型问题
我想了解为什么当属性是原型时,剔除的行为会有所不同,尤其重要的是,如何在仍然使用原型的同时避免它。
我想要一些方法被覆盖,因为我有一个我们要继承的基本视图模型
以下说明了我的意思
JSFIDDLE WITH PROTOTYPE [尝试在第一个输入框中输入,它将出现在另一个]
JSFIDDLE WITHOUT PROTOTYPE [尝试在第一个输入框中输入,它不会出现在另一个输入框中]
为什么他们的行为不同?
knockout.js - 淘汰组件:将子组件作为参数传递给父组件
我们正在重构一个 Knockout SPA。其中一项改进是尽可能使组件更通用。例如,我们需要一个<elements-widget>
呈现元素列表的“多态”/泛型。根据列表的类型,类型子组件可能会有所不同。
当前应用的示例:
我们有一个“人物页面”:
“人员小部件”:
相反,我们想在“人员页面”上使用通用组件
通用组件的模板应如下所示:
其中elemComponent是传递给elements-widget的参数。
非常感谢
javascript - 淘汰赛组件注册不执行viewModel,无法追加模板
对于一个简单的 test.html,敲除组件在我的简单 test.html 中工作正常,我的意思是它成功执行视图模型并附加模板,但在巨大的 index.html 中不起作用。有人有想法吗?
文件 test.html:
文件 app.js:
它在 test.html 上运行良好。
在更大的 index.html 中,我做了同样的事情。但它不起作用。它没有执行 viewModel 并且无法附加模板。由于我的 index.html 太长,我只是复制了相关代码。
index.html 相关代码:
此 div 之前和此 div 之后是单独的 div。并在任何 js 文件之前包含 knockout.js 和 app.js。这没用。有任何想法吗?赞赏!
knockout.js - 单击时加载组件的新实例
我在模态中有一个组件绑定:
我想在单击按钮时显示一个新向导。但是,在这种情况下,组件被加载一次,单击New
按钮总是会弹出带有先前值的模式。
wizard
每次单击按钮时是否可以加载组件的新实例New
?
javascript - 淘汰赛组件 - 从子 ViewModel 动态应用绑定
我有一个knockout component
呈现员工姓名的名称。在这个组件中,我可以通过callback
函数来更改显示的员工姓名的格式。
但是我遇到了无法更改组件代码的情况。但我必须添加编辑按钮以显示模式弹出窗口以更新用户信息,如下图所示:
我如何设法使用callback
组件提供的功能显示此编辑按钮。但是我遇到了绑定click event
这个按钮的问题。
问题是:即使我定义了回调函数ShowModal
,它也没有被调用。
这是我的代码:
组件注册:
视图模型
HTML:
工作小提琴: 小提琴
knockout.js - 淘汰组件 - 跨组件传递价值
我是 Knockout JS 的新手,正在学习组件的工作原理。
我创建了两个组件来创建员工并显示已创建员工的列表。
但我面临几个问题:
问题#1: 按钮的单击事件未触发
问题#2:一旦创建了员工,我想在另一个组件中反映所有创建的员工。
我已经尝试如下示例所示
示例: JSFiddle
源代码:
javascript - 淘汰赛组件更新可观察的父模型,但随后又恢复到旧值
我有一个计数器组件并将我的父视图模型作为data
参数传递给它。当用户单击时,我的计数器组件会更新我的父视图模型中的一个 observable(它的值在我订阅它并记录传递的新值时发生变化)。
父视图模型的简化代码:
所以值似乎更新了,但是当我调用 getHourValue 方法时,它再次返回 null。这里有什么问题?谢谢你的帮助!