javascript - 使用数组迭代的 ReactiveJS 模板 : Iterating Over an Object ,

Question

由于 AngularJS 的 dom 性能较差，我正在重写 AngularJS 指令，将所有标记从 Angular 移动到 ReactJS。我有一个关于reactiveJS 模板的简单问题。

模板

{{#each dataTable:i}}
        <li
            {{#options.keysDisplayName:j}}
                <span>{{dataTable[i][this]}}</span>

            {{/each}}
        </li>
{{/each}}

JS

    var ractive = new Ractive({
        el: 'details-table',
        template: '#details-table-tmplt',
        data: {
            options:  {
                keysDisplayName : [ 'name', 'age']
            },
            dataTable : [
                {name : 'dog', age:15, gender: 'f'},
                {name : 'cat', age:15, gender: 'f'}
            ]
        }
    });

我正在打印表格/列表，我想迭代 dataTable 中的每一行，但仅限于 options.keysDisplayName 中存在的键。 (所以在这个例子中，性别属性不会被显示)我想我缺少框架中的一些基本内容。谢谢，非常感谢

Answer 1

将您的模板修复为:

{{#each dataTable:i}}
<li>
    {{#each options.keysDisplayName:j}}
       <span>{{dataTable[i][this]}}</span>
    {{/each}}
</li>
{{/each}}

修复后输出将是:

dog15

cat15