嵌套foreach逐字母读取值,而不是整个单词
Nested foreach reads value letter by letter instead of whole word
我想要嵌套foreach,并为内部foreach提供外部foreach的值。问题是,提供的值是逐字母迭代的,而不是作为一个完整的单词。这是代码:
html
<div data-bind="foreach: { data: mysections, as: 'section'}">
<span data-bind="text: $data"></span>
<div data-bind="foreach: section ">
b<span data-bind="text: $root.myconsole($data)"></span>
<span data-bind="text: $data.content"></span>
<br>
</div>
</div>
js
var vm =new function AppViewModel() {
self.mysections=ko.observableArray(['sec1', 'sec2','sec3']);
self.sec1 = ko.observableArray([{"content":"asdf1"}]);
self.sec2 = ko.observableArray([{"content":"asdf2"}]);
self.sec3 = ko.observableArray([{"content":"asdf3"}]);
self.myconsole = function(data){console.log(data)};
}
ko.applyBindings(vm);
这是小提琴http://jsfiddle.net/frjapyre/2/(在控制台中查找$data,以查看是否逐字记录。)
基本上,您需要使用关键字"sec1"来获取值,而在代码中,您需要迭代关键字本身。
尝试
<div data-bind="foreach: { data: mysections, as: 'section'}">
<span data-bind="text: $data"></span>
<div data-bind="foreach: $parent[section]">
b<span data-bind="text: $root.myconsole($data)"></span>
<span data-bind="text: $data.content"></span>
<br>
</div>
</div>
相关文章:
- 当鼠标悬停在文本中的单词上时显示警报
- Foreach无法在Typescript中工作
- 匹配一个单词,其中候选人可以跨越顺序组(跨度)
- $rootScope未使用forEach进行更新
- 如何使用jquery强制一个单词更改大小写等以保留品牌
- 如何制作简单的php'在Javascript中的foreach等价物
- 拆分单词jquery
- 如何让程序检查所选单词中是否有按键
- 如何在悬停时流畅地更改单词
- EmberJS中支持单字母单词模型
- 字母计数:返回重复字母数最多的第一个单词
- 如何在Javascript中从字符串中提取某些单词
- 如何创建一个“;表单弹出框“;在chrome中右键单击时位于突出显示的单词上方
- 在javascript中查找单词
- 使用jQuery检查提交时添加到句子中的单词
- 如何在PHP中获取特定的字符串单词
- 停止较大单词的重叠
- 用独立变量敲除foreach绑定
- Knockout.JS标签在foreach内部不起作用
- 嵌套foreach逐字母读取值,而不是整个单词