问题标签 [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 回答
3468 浏览

javascript - 淘汰赛js中嵌套模板中的动态数据绑定

我正在使用 MVC 框架和淘汰赛 js 组合。我对淘汰赛js有点陌生。我需要通过嵌套剔除模板中的 API 调用动态绑定数据。我没有找到任何方法来做到这一点。

我的嵌套模板是:

我的 viewModel 是:

我应该如何通过数据数组中的函数(goalDetail)绑定目标数组中的数据?

0 投票
1 回答
2264 浏览

knockout.js - 用“with”或foreach敲除数据绑定?

我对 Knockout 很陌生,并试图探索它。我知道如何使用 foreach 但对“与”感到困惑。我刚刚浏览了 With 的淘汰赛文档(http://knockoutjs.com/documentation/with-binding.html)。还是喜欢:

1)我什么时候应该使用“with”

2) with 是 foreach 的替代品吗?

3)“with”和foreach有什么区别吗

提前感谢

0 投票
1 回答
1710 浏览

knockout.js - 如何在 Knockout 中读取 Click 绑定的数据

在 foreach 我绑定数据如下:

并在点击时调用“currentPlace”:在 ViewModel 中我这样写:

当我打印数据时,它给了我完整的对象。

现在我的问题是如何访问该对象以获取我的图像、名称、城市等数据?

我尝试像 data.name, data['name'] 但它不起作用。

编辑如您所见,我正在使用另一个模板名称:'stats',现在如果我想读取上面的数据,我该怎么做?

“统计”模板如下:

提前致谢

0 投票
1 回答
2128 浏览

javascript - 创建一个切换按钮来更改页面视图

我正在使用淘汰赛 js 来显示我的数据,并且我还使用它来绑定模板。我有一个页面以两种不同的方式显示相同的信息:一种是网格视图,另一种是列表视图。目前我在页面加载时显示了两个视图。我想创建两个按钮,一个用于网格,一个用于列表。我不知道如何使用 Knockout js 进行操作,任何提示或帮助表示赞赏。

查看页面

淘汰赛JS

0 投票
3 回答
3697 浏览

javascript - 淘汰赛js可见数据绑定属性未显示结果

我正在使用淘汰赛 js - 我有一个视图页面,我在其中以两种不同的布局显示相同的信息。我正在使用敲除模板,并且我将敲除脚本放在一个单独的文件中,我在视图页面中调用该文件。

问题
目前,我要么同时显示两种不同的布局(网格视图和列表视图),要么我没有得到任何布局,具体取决于我如何配置数据绑定。我想要一个切换按钮来改变显示项目的布局——我不介意有两个按钮,一个用于网格,一个用于列表。

查看页面

淘汰赛 js 我在一个单独的文件中,不在视图中

我真的很想得到任何帮助:)

0 投票
0 回答
463 浏览

javascript - Go to a page/url fragment within a knockoutjs template page

I have a knockoutjs single page application with a help page template which inside it contains anchors tags/sections with names like "general", "purchases" etc. I am using knockout js templating

I have some other html with links

In navViewModel.clicked I am taking data and setting the templateName to the value. In this case it would be 'help#general' or 'help#purchases'. This doesn't work as it looks for a template names help#general.html

I also tried a click binding to extract template name (help) and the fragment (general or purchases) and set template name to name and do a afterRender to add fragment to window.location.hash. This doesn't seem to work either.

Could you please let me know if you have done this and how you implemented it to got a section/fragment within a page on click using KnockoutJS?

Thanks.

0 投票
1 回答
702 浏览

jquery - 页面加载后使用 jQuery 渲染敲除模板

我正在构建一个 knockout\jQuery 插件,它在调用时创建它自己的 UI,如下所示:

通常的 jQuery 东西。但是,作为行为的一部分,我希望使用淘汰模板。虽然敲除似乎只识别第一次加载时页面中的模板。

这是一个显示问题的简洁示例:

和js:

这会产生以下错误:

我还在这里创建了一个问题的 JS 小提琴:http: //jsfiddle.net/roysvork/EcFRc/

基本上我想知道我是否需要在这里采取另一种方法,或者是否有一种方法可以“解析” dom 以刷新模板的淘汰赛知识?

提前致谢!

0 投票
2 回答
34782 浏览

javascript - 评论敲除js中的foreach绑定与foreach绑定

在我的 HTML 中,我可以定义这些淘汰赛 foreach 绑定:

对比

这两种方法的区别在哪里?

0 投票
2 回答
193 浏览

javascript - 在某些情况下,敲除模板保持加载状态

我在我的应用程序中使用了一个模板,例如:

但在某些情况下,大多数情况下,第一次加载时输出的 html 是很多Loading...而不是真正的模板。

似乎Loading...在视图模型准备好之前会显示淘汰赛。当我缓存结果时,第二次调用将正确显示模板。

为什么第一次调用模板Loading...而不是模板本身?

编辑:

我使用淘汰赛外部模板和注入器。

0 投票
1 回答
111 浏览

knockout.js - 淘汰赛模板绑定丢失状态

我正在使用模板绑定来呈现一组单选按钮。元素上还有一个 css 绑定。

单击单选按钮时,视图模型和视图会更新,但单选按钮的选中状态会丢失。有解决办法吗?

http://jsfiddle.net/d3YJc/1/