如何在aurelia js中迭代json键和值的html

Question

我有json如下：

 this.myObj = {
        keyOne: 'myValue1',
        keyTwo: 'myValue2',
        keyThree: 'myValue3',
        keyFour: 'myValue4',
    };

我想在我的html中设置键和值。我尝试过如下代码：

 <ul>
 <li repeat.for="prop of myObj | objectKeys">${prop}</li>
 </ul>

但我的代码不起作用。请给我解决方案。

Answer 1

我对你想在这里完成的事情感到有点困惑。 我假设您希望获得myObj的密钥并循环遍历它们。 我建议在aurelia documents阅读有关中继的内容。

对于可能让您前进的解决方案，请将其添加到您的模态文件中：

export class ObjectKeysValueConverter {
    toView(value) {
        return Object.keys(value);
    }
}

Object.keys( myObj )将返回一个数组，该属性需要repeat.for。它默认不能迭代对象。