ng-template's let-item= "item" 在 Angular 8 中抛出错误

Question

我已经使用ng-select来满足可搜索下拉列表的要求。 下拉菜单工作正常。但是，ng模板上抛出的html错误。

即let-item="item"如果我对上面的行进行任何更改，下拉菜单将不会加载。

这是抛出的错误

The template context of 'ɵf' does not define a member called 'item'ng(0)

虽然我在下拉菜单的工作中没有遇到任何问题，但这些错误在 CI/CD 过程中阻止了我。 即当我使用npm run-script build时，会显示这些错误。这将影响我的生产发布。

<ng-select required [items]="requestTypes" id="RequestTypeId" formControlName="RequestType" bindLabel="requestTypeName" appendTo="body" [(ngModel)]="accountFilters.requestTypeObject" placeholder="Select Client" class="font" [ngClass]="{ 'esubmit': submitted &amp;&amp; accountConfigForm.controls.RequestType.errors }">
<ng-template ng-option-tmp let-item="item">
<div title="{{item.requestTypeName}}">{{item.requestTypeName}}</div>
</ng-template>
</ng-select>

Answer 1

我认为只能用于语句的其他部分

例如：

<ng-container *ngIf="a=='value';else dosmthing"> 
// if part 
</ng-container>
<ng-template #dosmthing>
// else part
</ng-template>

尝试在你的代码中使用它，如果你没有其他

<ng-select required [items]="requestTypes" id="RequestTypeId" formControlName="RequestType" bindLabel="requestTypeName" appendTo="body" [(ngModel)]="accountFilters.requestTypeObject" placeholder="Select Client" class="font" [ngClass]="{ 'esubmit': submitted &amp;&amp; accountConfigForm.controls.RequestType.errors }">
<ng-container ng-option-tmp let-item="item">
<div title="{{item.requestTypeName}}">{{item.requestTypeName}}</div>
</ng-container >
</ng-select>