时间戳

首页 > 解决方案 > 作用域变量的实现如何在 *ngFor 中工作

javascript - 作用域变量的实现如何在 *ngFor 中工作

问题描述

在 Angular 中，我们可以通过以下方式使用*ngFor ：

<li *ngFor="let hero of heroes">
  {{ hero }}
</li>

但是 Angular 是如何定义作用域变量hero的 ，我能实现同样的东西吗？我只对作用域变量感兴趣，而不对循环部分感兴趣。

标签： javascriptangularscopeangular2-directivesangular-directive

解决方案

component.ts 中定义的所有公共变量（函数）都可以从 component.html 访问，并且可以使用插值和模板表达式显示

当你有一个 *ngFor 时，当你定义“数组的变量”时，变量在 *ngFor内是可访问的，并且是数组的每个元素

如果你想声明一个变量使用ng-if-let，例如

<div *ngIf="'hello word' as greeting">
  {{greeting}}
</div>

推荐阅读