问题标签 [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.

0 投票
2 回答
212 浏览

javascript - 如何在淘汰赛 js 组件中添加 Twitter 关注按钮?

我正在为我的网站使用 knockout.js 组件。我想在我的一个组件中添加一个 twitter 关注按钮。您可能知道,twitter 提供了一个片段,可以使用脚本来完成。

这个片段应该使用 iframe 和小部件脚本所做的其他事情来添加 twitter 关注按钮。

这在组件之外工作正常。例子:

但是在淘汰赛 js 组件中,它不起作用:

例如:

有人可以帮我找到在这样的组件中成功添加关注按钮的方法吗?

注意:我也在使用 require.js 和 gulp。Facebook like 按钮呈现良好。

0 投票
1 回答
100 浏览

knockout.js - 无法写入在 knockoutjs 组件内作为参数接收的 observable

当我们将 KO 组件作为参数传递时,它会接收到 observable 的引用。当组件接收它作为参考时,您可以写入此可观察对象,它将反映在您的视图模型上;但是,当您使用 ko-es5 插件(超级棒)时,您的 KO 组件而不是接收也对您的 observable 的引用会接收某种 computeObservable,我们无法写入它。这是意外的行为吗?

仅使用淘汰赛尝试

http://jsfiddle.net/kapuca/k0fw8w18/

尝试使用敲除 + ko-es5 插件

http://jsfiddle.net/kapuca/jwea6zaL/

0 投票
1 回答
284 浏览

javascript - 淘汰赛将可观察和计算数据推送到可观察数组

我正在尝试推送多个数据(名字和姓氏),当我计算名字和姓氏并尝试将数据推送到同一个数组中时,我会抛出一个错误。下面是我的代码。

视图模型:

HTML 视图:

我是 Knockout JS 的新手,我被困在这一点上,有没有办法在可观察数组中显示计算的名字和姓氏。感谢您提前提供帮助。

0 投票
1 回答
197 浏览

javascript - 淘汰原型问题

我想了解为什么当属性是原型时,剔除的行为会有所不同,尤其重要的是,如何在仍然使用原型的同时避免它。
我想要一些方法被覆盖,因为我有一个我们要继承的基本视图模型

以下说明了我的意思

JSFIDDLE WITH PROTOTYPE [尝试在第一个输入框中输入,它将出现在另一个]

JSFIDDLE WITHOUT PROTOTYPE [尝试在第一个输入框中输入,它不会出现在另一个输入框中]

为什么他们的行为不同?

0 投票
1 回答
821 浏览

knockout.js - 淘汰组件:将子组件作为参数传递给父组件

我们正在重构一个 Knockout SPA。其中一项改进是尽可能使组件更通用。例如,我们需要一个<elements-widget>呈现元素列表的“多态”/泛型。根据列表的类型,类型子组件可能会有所不同。

当前应用的示例

我们有一个“人物页面”:

“人员小部件”:

相反,我们想在“人员页面”上使用通用组件

通用组件的模板应如下所示:

其中elemComponent是传递给elements-widget的参数。

非常感谢

0 投票
1 回答
678 浏览

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。这没用。有任何想法吗?赞赏!

0 投票
0 回答
96 浏览

knockout.js - 单击时加载组件的新实例

我在模态中有一个组件绑定:

我想在单击按钮时显示一个新向导。但是,在这种情况下,组件被加载一次,单击New按钮总是会弹出带有先前值的模式。

wizard每次单击按钮时是否可以加载组件的新实例New

0 投票
1 回答
894 浏览

javascript - 淘汰赛组件 - 从子 ViewModel 动态应用绑定

我有一个knockout component呈现员工姓名的名称。在这个组件中,我可以通过callback函数来​​更改显示的员工姓名的格式。

但是我遇到了无法更改组件代码的情况。但我必须添加编辑按钮以显示模式弹出窗口以更新用户信息,如下图所示:

在此处输入图像描述

我如何设法使用callback组件提供的功能显示此编辑按钮。但是我遇到了绑定click event这个按钮的问题。

问题是:即使我定义了回调函数ShowModal,它也没有被调用。

这是我的代码:

组件注册:

视图模型

HTML:

工作小提琴: 小提琴

0 投票
1 回答
1102 浏览

knockout.js - 淘汰组件 - 跨组件传递价值

我是 Knockout JS 的新手,正在学习组件的工作原理。

我创建了两个组件来创建员工并显示已创建员工的列表。

但我面临几个问题:

问题#1: 按钮的单击事件未触发

问题#2:一旦创建了员工,我想在另一个组件中反映所有创建的员工。

我已经尝试如下示例所示

示例: JSFiddle

源代码:

0 投票
0 回答
47 浏览

javascript - 淘汰赛组件更新可观察的父模型,但随后又恢复到旧值

我有一个计数器组件并将我的父视图模型作为data参数传递给它。当用户单击时,我的计数器组件会更新我的父视图模型中的一个 observable(它的值在我订阅它并记录传递的新值时发生变化)。

父视图模型的简化代码:

所以值似乎更新了,但是当我调用 getHourValue 方法时,它再次返回 null。这里有什么问题?谢谢你的帮助!