在*ngFor中创建局部变量

在ngFor中创建局部变量是指在Angular中使用ngFor指令时，可以通过给循环的每个元素添加一个局部变量来引用该元素。这样可以方便地在模板中使用该元素的属性和方法。

在ngFor指令中创建局部变量的语法是在循环的每个元素上使用let关键字，并指定一个变量名。例如，假设有一个名为items的数组，可以使用以下方式在ngFor中创建局部变量：

<div *ngFor="let item of items; let i = index">
  <p>Item {{i}}: {{item}}</p>
</div>

在上面的例子中，我们使用了let关键字来创建了两个局部变量：item和i。item代表数组中的每个元素，i代表当前元素的索引。

通过创建局部变量，我们可以在模板中直接使用它们。在上面的例子中，我们使用了item和i来显示每个元素的值和索引。

*ngFor创建局部变量的优势是可以方便地在模板中访问循环中的每个元素的属性和方法，而不需要在组件中额外定义变量或方法。

应用场景：

列表展示：当需要在模板中展示一个数组或集合的元素时，可以使用*ngFor创建局部变量来遍历并显示每个元素。
表格展示：在表格中展示数据时，可以使用*ngFor创建局部变量来遍历数据集合，并将每个元素显示在表格的不同行中。

推荐的腾讯云相关产品和产品介绍链接地址：

云服务器（CVM）：提供弹性计算能力，满足各种业务需求。详情请参考：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版（CDB）：提供高性能、可扩展的 MySQL 数据库服务。详情请参考：https://cloud.tencent.com/product/cdb
云原生容器服务（TKE）：提供高度可扩展的容器化应用管理平台。详情请参考：https://cloud.tencent.com/product/tke

请注意，以上推荐的腾讯云产品仅作为示例，其他云计算品牌商也提供类似的产品和服务。

页面内容是否对你有帮助？

有帮助

没帮助

在**ngFor中创建局部变量*

是否可以在*ngFor中创建局部变量？例如： <div *ngFor="let user of users; let myVariable = 0">

浏览 9提问于2018-01-08得票数 8

6回答

为什么索引变量在角度2的**ngFor*循环中不显示索引？

、、、

如果我们想在角度1中显示ng-repeat的索引，<div ng-repeat="car in cars"> <li>Index: {{$index+1}}</li><li>Car Name:{{car.name}}</li></div><div *ngFor=&q

浏览 0提问于2017-05-30得票数 2

3回答

如何增加嵌套循环的变量计数并打印它

、

在角4中，我试图创建一个嵌套的for循环。<div *ngFor="let p of prop"> Count is {{count=count+1}}如何在模板中创建一个局部变量计数，并在每次内部循环执行时增加它。

浏览 0提问于2018-05-03得票数 3

回答已采纳

2回答

使用Angular2以编程方式创建HTML局部变量

、、

我需要知道是否有一种以编程方式创建HTML局部变量的方法。<div *ngFor="#elt of eltList" ></div> setLocalVariabl

浏览 0提问于2016-01-19得票数 5

1回答

**ngFor*：# vs的意思？

required ngControl="power" #power="ngForm" > </select><div *ngFor="#game o

浏览 0提问于2016-05-02得票数 11

回答已采纳

6回答

如何在应用管道后查找ngFor中的项目计数

、

我让一个ngFor在一个同时经过过滤和分页的表中创建行。<tr *ngFor="#d of data.results | filter:filterText | pagination:resultsPerPage:currentPage"> 页面上还有另一个元素ngFor中提供的所有局部变量似乎都无法解决这一问题。

浏览 31提问于2016-03-18得票数 29

回答已采纳

3回答

角2 **ngFor*语法

、

我的主要问题是尝试循环一定次数(假设n)，但是ngFor只接受数组，比如："#item of [1, 2, ..., n]"，那么使用项目计数(而不是创建一个只有数字1到n的无用数组)的正确方法是什么？因此，我开始阅读更多的语法，然后我注意到有：那么，"in“和"of”有什么区别，用例又有什么区别呢

浏览 3提问于2016-03-26得票数 2

回答已采纳

1回答

如何在ngFor中创建局部变量

、

如何获取*ngFor中类的快照，以节省局部变量中的时间/状态/人性化值？例如，timer.remaining = timer.expires - Date.now() {{timer.label}} </bu

浏览 0提问于2017-02-06得票数 1

回答已采纳

1回答

在**ngFor*中，我应该使用：#关键字还是let变量

我正在学习角度，但当我使用*ngFor时，我有点困惑。我看到了两种语法。1 *ngFor='let item of items'和1) #关键字和javascript变量let之间有什么区别？

浏览 1提问于2018-01-05得票数 0

回答已采纳

2回答

角度5:错误错误:未捕获(在promise中)：错误:无法赋值给引用或变量

、、、、

在表中添加for循环时，我在Angular 5中遇到错误。我试图找出原因，但他们不够清楚，我无法解决问题。我的代码和错误如下。<tr *ngFor="let template of templates; let j=index"> <td><input

浏览 4提问于2018-07-31得票数 1

回答已采纳

1回答

如何获取由ngFor生成的局部变量数组？如果可能的话

、

下一段代码在每个<div>上创建局部变量，对吗？<div *ngFor="let product of products"> <input type="checkbox" [value]="product.productKey"/>

浏览 12提问于2016-09-16得票数 0

回答已采纳

2回答

角度5环阵列

、、、

在这里，我的问题是我尝试使用*ngFor来迭代someArr并传递给[something]=""，但是在添加它之后我的页面变成了空白。谁能帮帮我。

浏览 0提问于2018-05-17得票数 0

8回答

如何在ngFor循环中创建变量？

、

我试图了解如何在ngFor loop中创建变量。我有一个这样的循环： <a href="{{getBuild(branch,prod)?.(在我的实际例子中有很多次)。我想要一种在循环中在模板中创建这个变量的方法，并简单地重用它。有办法这样做吗？

浏览 3提问于2016-02-07得票数 52

回答已采纳

1回答

angular2如何打印对象数组的值

、

{id: '7', lat: 51.5229955509073, lng: 5.138511481628484, content: 'Kids Jungalow (5p)'},在我的html模板中，我编写了以下内容：<h1 *ngFor="#location of locations">{{locations.id}}</h1> 但它并没有显示出什么是错的？

浏览 2提问于2016-05-26得票数 0

回答已采纳

1回答

管道过滤数据中的Angular ngFor ngIF条件

、、、

基于使用管道的搜索的ngFor过滤-这很好用，如果没有结果，我必须显示另一个带有'no data‘文本新div <li *ngFor="let project of projects | FilterPipe: queryString

浏览 8提问于2019-07-31得票数 2

回答已采纳

5回答

迭代**ngFor*-- IONIC2/Angular2中的两个数组

、、、

我将值存储在两个数组中，以便在单个ion-list中迭代。Billerstatusstate和Billerstatusnamelst是两个数组。我已经尝试了以下迭代 <ion-list ion-item *ngFor="let stat of Billerstatusstate;let bil of Billerstatusnamelst "" *ngFor="let bil of Billerstatusnamelst " > {{b

浏览 17提问于2016-06-29得票数 7

回答已采纳

1回答