错误“TS2339 类型 '' 上不存在属性 'elseblock'”

问题描述 投票:0回答:2

我正在尝试用 Angular 做一个 If Else

<div *ngIf="searchForm.value.search else elseblock">
    search 
<div> 

<ng-template #elseblock>
   Listing
<ng-template>

但是 Typescript 给了我一个错误:

错误 TS2339:类型“”上不存在属性“elseblock”。

我该如何修复它?

angular angular-ng-if
2个回答
0
投票

您的代码中似乎存在一些语法错误。


0
投票

“elseblock”在类型上不存在

表明 TypeScript 无法在其期望的类型上找到名为“elseblock”的属性。

要在 Angular 中将 else 块与 ngIf 一起使用,您需要确保使用正确的语法。以下是如何将 ngIf 与 else 结合使用的示例:

<div *ngIf="condition; else elseBlock">
  <!-- Content to be displayed when condition is true -->
</div>
<ng-template #elseBlock>
  <!-- Content to be displayed when condition is false -->
</ng-template>

确保您已正确声明 elseBlock 模板引用变量,并且在 Angular 组件模板中使用正确的语法。

以下是在组件中声明条件的方法:

在你的 component.ts 类中:

condition: boolean = true; 

在你的 template.html 中:

<div *ngIf="condition; else elseBlock">
  <!-- Content to be displayed when condition is true -->
  <p>This is displayed when condition is true.</p>
</div>
<ng-template #elseBlock>
  <!-- Content to be displayed when condition is false -->
  <p>This is displayed when condition is false.</p>
</ng-template>
© www.soinside.com 2019 - 2024. All rights reserved.