Javascript 根据角度视图中对象的id将类添加到DIV

我想根据对象中字段的id向div添加一个类。到目前为止，我的代码不工作的原因

   <ng-container *ngFor="let item of cards">
   <div class="card event-card mb-3">
      <div
         class="card-body"
         [ngClass]="{
         'card-main': id === '1',
         'card-main2': id === '2'
         }"
         >
         <p class="card-title">{{ item.title }}</p>
         {{ item.date }}, {{ item.time }}
         {{ item.id }}
      </div>
   </div>
</ng-container>



public cards = [
    {
      title: "Example title",
      date: "Jan 25, 2025",
      time: "11:22am",
      typeEvent: "Concert",
      id: "1"
    },
    {
      title: "Example title",
      date: "Feb 27, 2029",
      time: "14:22pm",
      typeEvent: "Show",
      id: "2"
    }
  ];

{{item.title}
{{item.date}，{{item.time}
{{item.id}
公共卡=[
{
标题：“示例标题”，
日期：“2025年1月25日”，
时间：“上午11:22”，
类型事件：“音乐会”，
id:“1”
},
{
标题：“示例标题”，
日期：“2029年2月27日”，
时间：“下午14:22”，
类型事件：“显示”，
id:“2”
}
];

您必须使用

item.id

而不仅仅是

id

进行比较