小编Ted*_*rly的帖子

有没有办法使用Angular 4+模板来确保所有ng-template ID都是唯一的?

Angular 4+提供了一种在模板文件中执行if/else逻辑的方法,例如

<ng-container *ngIf="isSaveSuccess; else elseBlock">
  Save succeeded.
</ng-container>
<ng-template #elseBlock>
  Save failed.
</ng-template>
Run Code Online (Sandbox Code Playgroud)

但是,这需要您指定唯一的ng-template ID.我们对使用这种方法意外引入重复的"elseBlock"模板感到担心,例如

<ng-container *ngIf="isSaveSuccess; else elseBlock">
  Save succeeded.
</ng-container>
<ng-template #elseBlock>
  Save failed.
</ng-template>
...
<ng-container *ngIf="isUpdateSuccess; else elseBlock">
  Update succeeded.
</ng-container>
<ng-template #elseBlock> <!-- duplicate id -->
  Update failed.
</ng-template>
Run Code Online (Sandbox Code Playgroud)

有没有办法lint Angular模板文件来检测重复的ng-template ID?

lint tslint angular2-template angular codelyzer

6
推荐指数
0
解决办法
417
查看次数

标签 统计

angular ×1

angular2-template ×1

codelyzer ×1

lint ×1

tslint ×1