javascript - 如何遍历 Angular 2 中的对象属性

标签 javascript loops angular iteration ngfor

这是我的对象(它有 n 个动态键。我在下面的示例中只显示了两个)

let obj = {
abc:["some text", "some more text"],
xyz:["more text", "what do you think?", "I'm tired now"]

}

这是我尝试循环抛出上述内容并打印所有值

 <div *ngFor='let item of obj ; let i = index;'>
            <p *ngFor="let value of obj.i">{{value}}
 </div>

但上面的方法似乎不起作用。我做错了什么,正确的语法是什么?

最佳答案

你可以这样做:

<li *ngFor="let o of obj">
   <p *ngFor="let objArrayElement of generateArray(o)"> {{objArrayElement}} </p>
</li>

generateArray 看起来像:

generateArray(obj){
   return Object.keys(obj).map((key)=>{ return obj[key]});
}

关于javascript - 如何遍历 Angular 2 中的对象属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39059552/

相关文章:

javascript - :hover state applied when angular view rendered

PHP 包装每 4 个元素

loops - Gnuplot 工作流程涉及多重绘图的拟合循环

ruby-on-rails - Ruby - 数组输出错误

angular - 在 angular2 中添加自定义验证器

html - 将第二个全长行添加到垫表中的每个垫行

javascript - 搜索结果显示在第二次单击时,而不是第一次 react js

javascript - 与 jquery 最兼容且易于使用的 jquery 颜色选择器是什么?

javascript - Nest 单选按钮选择 - javascript

javascript - 如何更新 getRangeLabel mat 分页器中的长度