Question

任何人都可以以正确的方式引导我处理这样的数据结构：

    <button onclick="commonFactors(parseInt(document.getElementById('firstNumber').value), 
 parseInt(document.getElementById('secondNumbe').value)">Submit</button>

我注意到所有角度很酷的函数，比如排序，过滤循环数据都基于javascript数组，所以在Angular 4中处理类似结构的最佳方法是什么，例如用于* ngFor，或者使用过滤器等等..例如，如果我尝试用NgFor迭代这个对象

错误：无法找到不同的支持对象'[object Object]' 输入'对象'。 NgFor仅支持绑定到Iterables，例如阵列。

此时我不知道什么动作是最好的，我可以把对象转换为数组，但这是我最好的方法吗？

Answer 1

我认为结构可以改进。在“字段”下使用对象数组是更好的选择。然后你就可以遍历那个数组了。

Answer 2

对于可能遇到类似问题的任何人，基于@ ThomasSablik comment并在获得使用Pipes处理它的建议后，我可以找到我想要的合适方法，我现在正在使用以下管道，它就像一个魅力

export class KeyValuesPipe implements PipeTransform {
  transform(value, args:string[]) : any {
    let keys = [];
    for (let key in value) {
      keys.push({key: key, value: value[key]});
    }
    return keys;
  }
}

感谢托马斯让我走上了正确的方向。

在Angular 4中处理对象对象的最佳方法是什么

2 个答案: