Angular 是否可以使用let在角度组件模板中为变量赋值？

考虑一下这个片段：

<div class="col-4" style="text-align: center;">
    <skin-stat-circle>{{statByType('Users')?.count}}</skin-stat-circle><br>
    <span>{{statByType('Users')?.label}}</span>
</div>

---

您可以尝试使用let-*指令：

<ng-template let-variable="statByType('Users')?.count"> 
  {{variable}}
</ng-template>

然后简单地使用模板

---

如果需要更多帮助，请阅读

，您可以尝试使用let-*指令：

<ng-template let-variable="statByType('Users')?.count"> 
  {{variable}}
</ng-template>

然后简单地使用模板

---

如果您需要更多帮助，请阅读

并在@incager的帮助下完成。这是强大的-喜欢它很多

<ng-template #statTemplate let-stat="stat">
   <div class="col-4" *ngIf="stat">
      <skin-stat-circle >{{stat.count}}</skin-stat-circle>
      <br>
      <span>{{stat.label}}</span>
   </div>
</ng-template>
<skin-stat-group>
   <div class="container">
      <div class="row">
         <ng-container *ngTemplateOutlet="statTemplate;context:{stat: statByType('Users')}"></ng-container>
         <ng-container *ngTemplateOutlet="statTemplate;context:{stat: statByType('Projects')}"></ng-container>
         <ng-container *ngTemplateOutlet="statTemplate;context:{stat: statByType('Layers')}"></ng-container>
      </div>
   </div>
</skin-stat-group>

<ng-template #statTemplate let-stat="stat">
   <div class="col-4" *ngIf="stat">
      <skin-stat-circle >{{stat.count}}</skin-stat-circle>
      <br>
      <span>{{stat.label}}</span>
   </div>
</ng-template>
<skin-stat-group [title]="">
   <div class="container">
      <div class="row">
         <ng-container *ngTemplateOutlet="statTemplate;context:{stat: statByType('Users')}"></ng-container>
         <ng-container *ngTemplateOutlet="statTemplate;context:{stat: statByType('Projects')}"></ng-container>
         <ng-container *ngTemplateOutlet="statTemplate;context:{stat: statByType('Layers')}"></ng-container>
      </div>
   </div>
</skin-stat-group>

---

在@incager的帮助下解决了这个问题。这是强大的-喜欢它很多

<ng-template #statTemplate let-stat="stat">
   <div class="col-4" *ngIf="stat">
      <skin-stat-circle >{{stat.count}}</skin-stat-circle>
      <br>
      <span>{{stat.label}}</span>
   </div>
</ng-template>
<skin-stat-group>
   <div class="container">
      <div class="row">
         <ng-container *ngTemplateOutlet="statTemplate;context:{stat: statByType('Users')}"></ng-container>
         <ng-container *ngTemplateOutlet="statTemplate;context:{stat: statByType('Projects')}"></ng-container>
         <ng-container *ngTemplateOutlet="statTemplate;context:{stat: statByType('Layers')}"></ng-container>
      </div>
   </div>
</skin-stat-group>

<ng-template #statTemplate let-stat="stat">
   <div class="col-4" *ngIf="stat">
      <skin-stat-circle >{{stat.count}}</skin-stat-circle>
      <br>
      <span>{{stat.label}}</span>
   </div>
</ng-template>
<skin-stat-group [title]="">
   <div class="container">
      <div class="row">
         <ng-container *ngTemplateOutlet="statTemplate;context:{stat: statByType('Users')}"></ng-container>
         <ng-container *ngTemplateOutlet="statTemplate;context:{stat: statByType('Projects')}"></ng-container>
         <ng-container *ngTemplateOutlet="statTemplate;context:{stat: statByType('Layers')}"></ng-container>
      </div>
   </div>
</skin-stat-group>

---

非常有趣，我从未听说过这个指令。我查了一下文件，什么也没找到。您知道该指令在角度文档或源中的位置吗？我很想更多地了解它。我确实看到了这篇文章，它再次提到了这一点，但没有提供进一步的信息info@Narm添加了指向角度文档的链接。你能读的东西不多。我认为angular团队添加了let指令，这样我们就可以从当前的ngFor循环中获得奇数和索引。由于可以在ng模板内使用ngFor指令，因此必须能够在模板内定义变量。我很少使用这个，它似乎不是最佳实践。Microsyntax-非常酷。我不确定我是否需要使用它，但如果我需要的话，知道这个选项存在是件好事。我感谢您提供的信息，感谢您通过文档链接更新您的答案！我认为它是有用的——争论的焦点是为什么不设计一个新的组件？但是它只显示如此少量的html，而且上下文是如此的本地，我不想最后加载这样的小组件。非常有趣，我从来没有听说过这个指令。我查了一下文件，什么也没找到。您知道该指令在角度文档或源中的位置吗？我很想更多地了解它。我确实看到了这篇文章，它再次提到了这一点，但没有提供进一步的信息info@Narm添加了指向角度文档的链接。你能读的东西不多。我认为angular团队添加了let指令，这样我们就可以从当前的ngFor循环中获得奇数和索引。由于可以在ng模板内使用ngFor指令，因此必须能够在模板内定义变量。我很少使用这个，它似乎不是最佳实践。Microsyntax-非常酷。我不确定我是否需要使用它，但如果我需要的话，知道这个选项存在是件好事。我感谢您提供的信息，感谢您通过文档链接更新您的答案！我认为它是有用的——争论的焦点是为什么不设计一个新的组件？但是它只显示如此少量的html，而且上下文是如此的局部，我不想以这样大量的小组件结束。我认为如果你把它作为一个编辑放在你的问题中，对未来的小伙子会很有用。我认为如果你把它作为一个编辑放在你的问题中，对未来的小伙子会很有用