对ng-container和*ngIf使用*ngFor

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