Angular 7 的 HTML 数据绑定中的 i 数据计数。_程序开发

创始人

2024-10-16 18:00:47

0次

在Angular 7中，可以使用*ngFor指令和index变量来实现HTML数据绑定中的索引计数。以下是一个示例：

在组件的HTML模板中，使用*ngFor指令遍历数据数组，并使用let i=index将索引存储在变量i中：


  Item {{i+1}}: {{item}}

在上面的示例中，item是数据数组中的每个元素，i是元素的索引。通过{{i+1}}，我们可以将索引计数显示在页面上。

请注意，索引从0开始，如果你想要从1开始计数，可以使用i+1。

在组件的TypeScript文件中，定义一个包含数据的数组：

export class AppComponent {
  data = ['Apple', 'Banana', 'Orange'];
}

这是一个简单的示例，其中数据数组包含三个元素：Apple，Banana和Orange。在模板中使用*ngFor指令和index变量来遍历数组，并将每个元素和索引计数显示在页面上。

希望这可以帮助到你！

透视苹果版!智星德州插件(透视... 透视苹果版!智星德州插件(透视)微乐家乡破解版(确实真的有辅助工具)-哔哩哔哩1、微乐家乡破解版辅助...

长期以来!wepoker辅助插... 长期以来!wepoker辅助插件功能(透视)游戏黑科技夫追求(一直存在有辅助app)-哔哩哔哩1.游...

透视科技!拱趴大菠萝作必弊方法... 透视科技!拱趴大菠萝作必弊方法(透视)中至赣州黑科技辅助软件(本来有辅助辅助器)-哔哩哔哩1、全新机...

透视智能ai!淘宝买wepok... 透视智能ai!淘宝买wepoker透视有用吗(透视)玩吧辅助脚本(一直是有辅助辅助器)-哔哩哔哩1、...

透视肯定!wepoker辅助器... 透视肯定!wepoker辅助器是真的吗(透视)心悦海南苹果版辅助(原来是真的辅助神器)-哔哩哔哩1、...

一直以来!wepoker钻石怎... 一直以来!wepoker钻石怎么看底牌(透视)丫丫老陕开挂(好像真的是有辅助下载)-哔哩哔哩1、丫丫...

透视实锤!wepoker怎么提... 透视实锤!wepoker怎么提高运气(透视)赣湘互娱挂(都是存在有辅助神器)-哔哩哔哩1、赣湘互娱挂...

透视辅助!newpoker脚本... 透视辅助!newpoker脚本(透视)四川微乐小程序辅助器(都是是真的辅助平台)-哔哩哔哩；一、四川...

为切实保障!哈糖大菠萝攻略(透... 为切实保障!哈糖大菠萝攻略(透视)广东雀神智能插件(本来真的是有辅助安装)-哔哩哔哩所有人都在同一条...

透视好友房!wepoker俱乐... 透视好友房!wepoker俱乐部辅助(透视)广西友乐免费辅助使用视频(切实是有辅助软件)-哔哩哔哩1...