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

用户名

ngFor指令在我过去用来显示颜色数组中的所有颜色时效果很好,但是当我尝试检查它是否是数组的第一个元素时,它显示错误“无法绑定到ngForFirst,因为它不是。” ... 等等等等等等 ”。它几乎显示了一个充满错误的页面。我对angular非常陌生,我正在通过辅导老师学习的教程没有任何错误。不知道为什么。帮我

    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() {
      }

      }
阿努拉达(Anuradha gunasekara)

试试这个

 <div *ngFor = "let color of colors; let first = first; let last = last">
               <h3> {{first}}  </h3>
               <h3> {{last}}  </h3>
 </div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在javascript数组中,如何获取除第一个元素以外的最后5个元素?

刷卡中的数组获取第一个元素

Ansible从列表中获取第一个元素

在 terraform 中获取元组的第一个元素

如何替换Map中的第一个元素?

如何检查数组中的第一个元素

如何从另一个向量的另一个第一个元素减去向量中的第一个元素?

获取R中连续增加的数字的长度N的第一个序列的第一个元素

如何使用jQuery获取元素中的第一个数字

如何使用foreach在Php中获取第一个元素结果?

如何仅获取每个元素“音频”中的第一个元素“源”

从 jQuery 中的父元素内部获取第一个 (n) 个元素

如何将节点元素移动到其父元素中的第一个元素

在angular2中将CSS的第一个子元素与ngFor一起使用

只获取第一个元素的子元素

如何显示复杂数据或更改ngFor中第一个和最后一个元素的模板?

如何删除每个元素的第一个元素

循环遍历 Div 中的元素仅获取第一个元素

根据列表中的以下元素获取第一个元素的范围

如何从三个相同的元素中隐藏第一个和最后一个元素

如何使用 *ngFor 指令从 Ionic 3(Cordova、Ionic 3、Angular 5)上的存储中获取数据

如何使第一个元素与第一个元素的右侧对齐,以及其他元素在第一个元素的左侧对齐?

如何加入数组中除第一个元素之外的所有元素?

如何删除HTML表中的所有<tr>元素(第一个元素除外)

如何将列表中的每个元素除以第一个元素

如何从JAVA 11中的stream filter()获取第一个匹配元素?

如何从JAVA 11中的stream filter()获取第一个匹配元素?

如何从排序列表中获取第一个元素?

如何获取和删除数据结构中的第一个元素?