如何使用帶有常量和 ngModel 的 ngIf 條件

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>

以上顯然是錯誤的。 如果我想比較 {{selectedMetric}} 和像“option 1”這樣的字符串常量，我的 ngIf 指令的正確語法是什么？

Answer 1

<div *ngIf="selectedMetric==='Metric 1'">Selected first </div>應該使用將變量與文字字符串進行比較的技巧

Answer 2

另一種選擇，在組件的 .ts 文件中使用定義的常量，並在構造函數中初始化該變量的值。