Question

我重写了一个angularjs指令，将所有标记从angular移动到reactiveJS，因为angularjs的dom性能很差。我有一个关于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

ReactiveJS模板：使用数组迭代迭代对象

1 个答案: