Knockout.js KnockoutJS无容器foreach内部模板脚本

Knockout.js KnockoutJS无容器foreach内部模板脚本,knockout.js,Knockout.js,我有一个配置数组,其中包含要在页面上显示的字段名。我可以使用无容器foreach来呈现标题行。然后在模板脚本中生成表体。它应该打印尽可能多的联系人行,并动态呈现一些值。让代码说话: 头衔 全名 顾客 行动1 行动2 创建电话 开放式接触 开户 所以,代码的第一部分根据“字段”动态打印漂亮的标题行。顺便说一句,字段只是一个对象数组,如 { name: "Human readable name", logicalName: "machine_name" } 在我的模板中,我想为每个联系人打印给

我有一个配置数组,其中包含要在页面上显示的字段名。我可以使用无容器foreach来呈现标题行。然后在模板脚本中生成表体。它应该打印尽可能多的联系人行,并动态呈现一些值。让代码说话:


头衔

全名 顾客 行动1 行动2 创建电话 开放式接触 开户
所以,代码的第一部分根据“字段”动态打印漂亮的标题行。顺便说一句,字段只是一个对象数组,如

{ name: "Human readable name", logicalName: "machine_name" }
在我的模板中,我想为每个联系人打印给定字段的值,但我无法让它工作。如果我像现在一样拥有它,它会打印字段的逻辑名称,例如“电话”。但我想打印联系人的电话属性值


谢谢

由于您位于嵌套的foreach中,联系人对象的上下文是$parent,因此您可以将
data bind=“text:logicalName”
更改为
data bind=“text:$parent[logicalName]”以获取值

函数viewModel(){
var self=这个;
self.contacts=ko.array([
{id:1,地址:'123 A街'},
{id:2,地址:'123 B街'}
]);
self.fields=[
{name:'col1',logicalName:'address'},
{name:'col2',logicalName:'id'}
];
}
应用绑定(新的viewModel())

头衔