將 *ngFor 與 ng-container 和 *ngIf 一起使用

Question

我的表單的一個部分包含一組 n 個單選按鈕（我們將在這里設置 n=3），它們在模板中顯示為：

<input type="radio" name="variety" value="11" (click)="update($event)">SomeNameX
<input type="radio" name="variety" value="23" (click)="update($event)">SomeNameY
<input type="radio" name="variety" value="36" (click)="update($event)">SomeNameZ

在選擇適當的SOMENAME時，我要在單選按鈕下方提出其中一個：

<div *ngIf="selected===11">Last updated: Sept 1</div>
<div *ngIf="selected===23">Last updated: Oct 3</div>
<div *ngIf="selected===36">Last updated: Nov 4</div> 

其中每個 SomeName 的日期和值是從數據庫返回的。 我正在使用以下代碼來完成這項工作：

<ng-container *ngFor="let item of items;">
   <div *ngIf="selected==={{item.id}}">
   Last updated:  {{item.dte}}
   </div>
</ng-container>

由於{{item.id}}片段而失敗 - 我如何將正確的值/id 注入該位置？

Answer 1

不帶表達式使用

<div *ngIf="selected === item.id">