Javascript 需要解释ng模板中的let-*指令吗

我是angular的新手，现在正在处理一些遗留代码。在一个组件中，有一个带有let循环的表。在网上搜索，但不太懂

<ng-template #itemTmpl let-data let-element="element">
  <ng-container *ngIf="data === 'route'"> {{ currentRouteSubject.value.number }} </ng-container>
  <ng-container *ngIf="data === 'name'">
    <ng-container *ngIf="!editRouteScheduleMap.has(element.id)"> {{ element[data] }} </ng-container>
    <ng-container *ngIf="editRouteScheduleMap.has(element.id)">
      <input type="text" [(ngModel)]="editRouteScheduleMap.get(element.id).name" />
    </ng-container>
  </ng-container>
  <ng-container *ngIf="data === 'requiredBusAmount'">
    <ng-container *ngIf="!editRouteScheduleMap.has(element.id)"> {{ element[data] }} </ng-container>
    <ng-container *ngIf="editRouteScheduleMap.has(element.id)">
      <input type="text" [(ngModel)]="editRouteScheduleMap.get(element.id).requiredBusAmount" />
    </ng-container>
</ng-template>

{{currentRouteSubject.value.number}
{{元素[数据]}}
{{元素[数据]}}

---

你能给我解释一下这个let数据，let element='element'，以及它是如何与源文件连接的吗？

let-*属性是ng模板的一个功能，它通过从上下文中获取变量的值来将变量注入模板中

<ng-template let-data="sometext">
      <span>{{data}}</span>
</ng-template>

{{data}}

也许你可以看看这个来了解更多