如何使用ngFor指令获取角度5中的第一个元素?

时间:2018-04-17 11:51:07

标签: angular angular5

ngFor指令在我以前显示颜色数组中的所有颜色时工作正常,但是当我试图检查它是否是数组的第一个元素时,它显示错误“无法绑定到ngForFirst,因为它不是......等等等等等等。它显示几乎一页错误。我对角度很新,我正在通过导师的教程没有任何错误。不知道为什么。帮帮我

    import { Component, OnInit } from '@angular/core';

    @Component({
     selector: 'app-test',
     template: `
       <div *ngFor = "let color of colors; first as i">
           <h3> {{i}}  </h3>
       </div>` ,
     styles: []
    })

    export class TestComponent implements OnInit {
      public name = "Dipesh";
      public colors = ["Red", "Black", "Green"];
      constructor() { }

      ngOnInit() {
      }

      }

3 个答案:

答案 0 :(得分:4)

试试这个

block.map(_.filter(_._2 >= 3).map(_._1))

答案 1 :(得分:3)

您可以访问第一个元素:

<div *ngFor="let color of colors; let first = first;"> ...

注意:

您有更多功能可用,例如:奇数甚至最后

Official documentation here

答案 2 :(得分:1)

使用“as”您尝试将“第一”翻译为“ i ”类型对象。 这就是你收到错误的原因。

您可以使用“let”关键字声明角度变量。 例如:let variableName = index