我正在尝试用 Angular 做一个 If Else:
<div *ngIf="searchForm.value.search else elseblock">
search
<div>
<ng-template #elseblock>
Listing
<ng-template>
但是 Typescript 给了我一个错误:
错误 TS2339:类型“”上不存在属性“elseblock”。
我该如何修复它?
您的代码中似乎存在一些语法错误。
“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>