如何将ngIf条件与常量和ngModel一起使用

Question

我有以下html文件。

<p-selectButton
        [options]="metrics"
        [(ngModel)]="selectedMetric"
        (onChange)="onChange($event)"
></p-selectButton>
<p>Selected Metric: {{selectedMetric}}</p>
<div *ngIf="selectedMetric"==="Metric 1">Selected first </div>

以上显然是不正确的。 如果我想比较，我的ngIf指令的正确语法是什么 {{selectedMetric}}和字符串常量，如＆＃34;选项1＆＃34;？

Answer 1

<div *ngIf="selectedMetric==='Metric 1'">Selected first </div>应该将变量与文字字符串

进行比较

Answer 2

另一种选择是，在组件的.ts文件中使用已定义的常量，并在构造函数中初始化该变量的值。