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

Question

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

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

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

但是 Typescript 给了我一个错误：

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

我该如何修复它？

Answer 1

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

Answer 2

“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>