问题标签 [knockout-templating]

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 投票
1 回答
88 浏览

knockout.js - 将呈现knockoutjs模板后如何调用smth

在页面上,我只有一个脚本,在头部(就像一些广告)。并且在内容客户端中有一个 knockoutjs 模板,并且他们有过滤器选择。

我需要在选择过滤后调用我的东西。当用户点击过滤时,在内容可见之前,我需要调用一些东西(在同一个线程中)。

我怎么能做到这一点?你有什么想法吗?

PS所以如您所知,我无法更改从服务器发送的基本模板逻辑,我可以在头部使用smth(我在那里有脚本)。

0 投票
4 回答
10222 浏览

knockout.js - 我可以在模板绑定中传递变量吗?

我知道这不是长期使用的好方法,但是对于故障排除,有什么方法可以在绑定模板时传递一个简单的字符串,然后将其作为模板中的变量访问?例如,如果这是我的绑定:

这是tmplOne

这将导致以下结果:

即使我必须在名为“fruit”的视图模型中声明一个 observable,我可以在模板绑定中手动设置它吗?

0 投票
1 回答
128 浏览

javascript - 剔除模板中的“添加”按钮会导致错误

尝试在我的淘汰赛模板中包含一个添加按钮,如下所示,尽管我收到以下错误。如果我将按钮移到模板之外并在表单下方,它会奇怪地工作。任何想法为什么会发生这种情况?谢谢,

模板

标记

错误

Javascript(加载)

0 投票
1 回答
1004 浏览

javascript - 淘汰赛模板绑定无法完全正常工作

我正在使用带有淘汰赛的javascript模板。

<div data-bind="template: { name: 'treeElement', foreach: results }">'

类似于上面的东西..我正在显示带有 textcontetn 的 div 元素,其值为 a 但是没有应用无容器绑定.. a>b 没有计算。所以它只是忽略语法..

0 投票
1 回答
44 浏览

knockout.js - 如何处理淘汰赛中的许多模板?

在使用淘汰赛时,我经常使用模板。因为我正在开发单页应用程序,所以我使用的模板数量越来越多。

我的主要 html 开始看起来像这样:

尽管如此,一切都按预期工作,我被大量模板吓倒了,一开始就被加载。

那么关于这个问题是否有任何最佳实践,或者具有良好淘汰经验的人如何处理它?

0 投票
1 回答
617 浏览

javascript - 淘汰赛 JS 模板 HTML 未正确呈现

我有一个工作正常的淘汰模板,直到我为了显示目的对其进行了小改动。现在 HTML 呈现不同,这导致我的一些 SCSS 不应用某些样式。这是当前模板:

我所做的更改是在标签、选择和输入控件周围添加 div 标签。这是呈现的 HTML。

如您所见,段落标签是自己呈现的,而不是像在模板中那样围绕内容。当额外的 div 被删除时,段落标记会围绕所有其他内容呈现,这是所需的 HTML 输出,但是当我这样做时,UI 元素无法正确对齐。我尝试用 span 标签替换额外的 div,并且 HTML 确实呈现正确,但 UI 控件再次失准。任何帮助,将不胜感激。

0 投票
1 回答
6319 浏览

javascript - 剑道网格更改样式单元格数据

我有一个非常基本的剑道网格。我正在使用模板功能来设置单元格数据的样式。我想要做的是红色的“编辑”样式和绿色的“删除”样式。

网格代码

我该怎么做。我无法分离单元格数据。

JSFiddle - http://jsfiddle.net/Sbb5Z/1338/

0 投票
1 回答
84 浏览

knockout.js - 淘汰赛模板点击事件不会更新监听器

我创建了一个简单的模板,在单击时设置“selectedItem”。我还添加了一个绑定到“selectedItem”方法的简单文本框,但是在单击模板列表时我无法更新它。

HTML

JS

看一下测试代码:http: //jsfiddle.net/patremb/7meN8/6/

谢谢您的帮助!

帕特里克

0 投票
4 回答
933 浏览

javascript - 如何使用带有 KO 外部模板引擎的原生 Knockout 模板

我正在使用 KO 外部模板引擎将我的单页 webapp 分解为多个文件,但我正在加载的模板仅包含 KO 标记。

尽管对该主题进行了广泛研究,但我无法弄清楚如何将 KO 绑定可靠地应用于正在加载的模板。

关键点是:

  • 模板定义的 DOM 元素最初不存在
  • 我的模板绑定是动态的,所以我不认为 KO 在将绑定应用于整个文档时会请求模板
  • 我不想让模板加载同步
  • pb 变得更加棘手,因为注入器可能正在发生一些模板缓存,这导致 KO 抱怨我应用了两次绑定。

这是我的代码,它至少有两个问题:

  • 无法保证模板已完成加载,因为我正在调用 applyBindings
  • KO 抱怨我在来回导航时尝试重新应用绑定

在将外部模板节点添加到 DOM 时,有什么建议可以使用一种干净、可靠的方法将绑定一次且仅一次应用于外部模板节点?

  • index.html中:

    /li>
  • main.js 中

    /li>
0 投票
1 回答
1322 浏览

knockout.js - 将敲除模板 foreach 与数据相结合

我想在表格中显示几个 URL,并在每个 URL 旁边放置一个删除按钮。由于这在几个地方使用,我决定使用淘汰赛模板。

问题是我需要在我想提供数据和函数调用的地方组合 foreach,这些数据和函数调用存储在 myFunction 对象中,该对象不是 myDataCollection 的一部分。

是否可以将此 foreach 与集合数据和数据对象相结合,其中所有集合对象的静态和公共属性是什么?

我在数据绑定旁边有 foreach 的当前设置导致未设置数据并且属性 removeUrl 未知。