只言片语——angular ngFor遍历显示2个数组值

angular 的*ngFor 只能遍历 1 个数组，但是能够获取到 index，所以以第一个数组的 index 带出第二个数组的值显示即可。

例如，在 xxx.ts 中有声明两个数组：

names = ['张三', '李四', '王五', '马六'];
ages = [32, 34, 54, 25];

在 xxx.html 中如此使用：

<div>
  <li *ngFor="let name of names; let i=index ">
    <label>{{name}} ~ {{ages[i]}}岁</label>
  </li>
</div>

得到的效果图如下：

当然，如果两个数组的长度不一致，要么显示空白(ngFor 遍历的数组长度值大)，要么不显示值(ngFor 遍历的数组长度值小。)