Question

我正在尝试获取列表的一个组成部分。该列表在一个数组中。如何获得列表的一个特定组成部分？在这种情况下，我尝试获取hierarchialGraph.links的'source'元素。

代码：数组的打字稿（只是一个片段）：

<!DOCTYPE html>
<html>
<head>
<link rel ="stylesheet" type="text/css" href ="styles.css">
</head>
<body>
<div id="main">
<div class="logo"><a href="">Sweets</div>
<input type="checkbox" class="nav-checkbox" id="icon">
<nav>
<ul class="parent-ul" id="parent-ul">
<li class="nav-items"><a href="">Home</li>
<li class="nav-items"><a href="">About-Us</li>
<li class="nav-items"><a href="">Tours</li>
<li class="nav-items"><a href="">Contact-Us</li>
</ul>
</nav>
</div>
</body>
</html>

那是我对如何访问其中一个链接元素的来源的第一个想法。但这最终不能与.source一起使用。

showGraph() {
    this.hierarchialGraph.nodes = [
      {
        id: '1',
        label: '1',
        position: 'x1'
      }
       ....
    ];

    this.hierarchialGraph.links = [
      {
        source: '1',
        target: '2',
        label: '1'
      }
       ....
    ];
  }

Answer 1

您可以通过多种方法遍历数组：

for (const link of this.hierarchialGraph.links) {
  // access to source : link.source
}


for (let i=0; i < this.hierarchialGraph.links.length; i++) {
  // access to source : this.hierarchialGraph.links[i].source
}

this.hierarchialGraph.links.forEach((link) => {
  // acces to source : link.source
});

Angular 7：数组中的访问列表元素

1 个答案: