Angular访问列表属性 _程序开发

创始人

2024-10-24 18:00:57

0次

假设有以下的列表属性：

public items = [
  { id: 1, name: 'item1' },
  { id: 2, name: 'item2' },
  { id: 3, name: 'item3' }
];

要在Angular模板中访问此列表属性，可以使用*ngFor指令来循环迭代每个列表项，并使用双括号绑定语法来显示每个属性的值：


  
    {{ item.id }} - {{ item.name }}

这将在页面上显示一个项目列表，并显示每个项目的ID和名称。

如果要在组件类中访问列表属性，则可以在组件类中声明一个公共变量并分配它的值：

export class MyComponent {
  public items = [
    { id: 1, name: 'item1' },
    { id: 2, name: 'item2' },
    { id: 3, name: 'item3' }
  ];
}

然后，可以在组件方法中使用该变量，或者通过模板绑定在视图中使用该变量。

第六分钟辅助挂！微信闲来辅助神... 第六分钟辅助挂！微信闲来辅助神器app（透视）四川熊猫辅助软件（详细透视外开挂教程）是一款可以让一直...

6分钟辅助挂！兴动互娱辅助脚本... 6分钟辅助挂！兴动互娱辅助脚本（透视）人人燕赵辅助（详细透视外开挂教程）;兴动互娱辅助脚本是一种具有...

第7分钟辅助挂！川南小闲辅助器... 1、第7分钟辅助挂！川南小闲辅助器（透视）蜀山四川智能辅助插件（详细透视外开挂教程）；代表性（透视辅...

七分钟辅助挂！皮皮游戏挂机辅助... 七分钟辅助挂！皮皮游戏挂机辅助（透视）情怀蒲仙辅助（详细透视外开挂教程）1）皮皮游戏挂机辅助辅助挂：...

第一分钟辅助挂！佛手在线大菠萝... 第一分钟辅助挂！佛手在线大菠萝可以作弊码（透视）胡乐辅助脚本是真的假的（详细透视外开挂教程）1、在佛...

9分钟辅助挂！天天辅助工具（透... 9分钟辅助挂！天天辅助工具（透视）微乐家乡麻辣自建房辅助app（详细透视外开挂教程）；致您一封信；亲...

5分钟辅助挂！微乐小程序辅助插... 1、5分钟辅助挂！微乐小程序辅助插件（透视）开心门一番有挂吗（详细透视外开挂教程）。2、微乐小程序辅...

3分钟辅助挂！永久免费脚本辅助... 3分钟辅助挂！永久免费脚本辅助工具（透视）同城游辅助软件（详细透视外开挂教程）;永久免费脚本辅助工具...

第一分钟辅助挂！天天爱柳州有没... 1、第一分钟辅助挂！天天爱柳州有没有辅助器（透视）中至赣州黑科技辅助软件视频（详细透视外开挂教程）2...

第五分钟辅助挂！哈糖大菠萝怎么... 第五分钟辅助挂！哈糖大菠萝怎么让系统发好牌（透视）哈灵脚本辅助（详细透视外开挂教程）1、许多玩家不知...