将 *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">