Angular 7中的ngFor如何迭代一个对象数组_程序开发

创始人

2024-10-17 06:30:20

0次

在Angular 7中，可以使用ngFor指令来迭代一个对象数组。以下是一个示例：

export class AppComponent {
  users = [
    { id: 1, name: 'John' },
    { id: 2, name: 'Jane' },
    { id: 3, name: 'Bob' }
  ];
}


  
    {{ user.id }} - {{ user.name }}

在上面的示例中，*ngFor指令被应用在一个

元素上，通过let user of users语法来迭代users数组中的每个元素。在

元素内部，可以使用插值语法{{ user.id }}和{{ user.name }}来显示每个用户的id和name。

这样，当应用运行时，对象数组中的每个元素都会被迭代，并在HTML模板中动态生成相应的

元素。

请确保在模板中正确引入了AppComponent类，以及在模块中导入了FormsModule（如果使用了双向绑定）和BrowserModule等必要的模块。

八分钟辅助！博弈麻友圈辅助，确... 八分钟辅助！博弈麻友圈辅助，确实有辅助方法（有挂教学）1、在博弈麻友圈辅助插件功能辅助器技巧中，中转...

第八分钟辅助！西元红河辅助，真... 第八分钟辅助！西元红河辅助，真是是真的有辅助攻略（有挂方法）暗藏猫腻，小编详细说明西元红河辅助破解器...

9分钟辅助！奇迹陕西麻将辅助器... 9分钟辅助！奇迹陕西麻将辅助器，切实存在有辅助攻略（有挂方式）奇迹陕西麻将辅助器是不是有人用挂微扑克...

三分钟辅助！广西老友玩助手，真... 三分钟辅助！广西老友玩助手，真是存在有辅助教程（真是有挂）1、广西老友玩助手公共底牌简单，广西老友玩...

第1分钟辅助！闲来透视辅助器最... 第1分钟辅助！闲来透视辅助器最新版，一直存在有辅助app（确实有挂）闲来透视辅助器最新版能透视中分为...

第8分钟辅助！哈糖菠萝怎么挂，... 第8分钟辅助！哈糖菠萝怎么挂，真是是真的有辅助挂（确实有挂）1、上手简单，内置详细流程视频教学，新手...

第四分钟辅助！心悦填大坑辅助器... 第四分钟辅助！心悦填大坑辅助器，好像真的是有辅助方法（有挂教学）1、很好的工具软件，可以解锁游戏的心...

第4分钟辅助！陕麻圈黑科技，好... 第4分钟辅助！陕麻圈黑科技，好像是有辅助挂（有挂方略）陕麻圈黑科技脚本下载中分为三种模型：陕麻圈黑科...

第九分钟辅助！新九五有没有脚本... 第九分钟辅助！新九五有没有脚本，果然有辅助挂（新版有挂）1、进入到新九五有没有脚本是否有挂之后，能看...

第5分钟辅助！威信茶馆透视挂，... 第5分钟辅助！威信茶馆透视挂，一直有辅助插件（有挂讲解）威信茶馆透视挂辅助器是一种具有地方特色的麻将...