如何使用带有常量和 ngModel 的 ngIf 条件

Question

I have the following html file.

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

The above is obviously incorrect. What is the correct syntax for my ngIf directive if I want to compare {{selectedMetric}} and a string constant like "option 1"?

Answer 1

<div *ngIf="selectedMetric==='Metric 1'">Selected first </div>应该使用将变量与文字字符串进行比较的技巧

Answer 2

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