Typescript 如何使用 Angular 确定给定值是否与应用程序中特定单选按钮的值匹配

发布于09月18日

我有一个数组列表.就是这样.

我在比例按钮中显示这一点.就像这样

我想要在从其他数组加载的数据中单击与该值类似的复选框

如何解决这一问题？

[(ngModel)]=" " , value="" ,[checked]="true",

我试过这3个.

但进展并不顺利.

推荐答案

这里有一款类似的应用程序正在运行.与您的代码进行比较.我使用了[checked]属性.

import 'zone.js/dist/zone';
import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';
import { bootstrapApplication } from '@angular/platform-browser';

@Component({
  selector: 'my-app',
  standalone: true,
  imports: [CommonModule],
  template: `
    <div *ngFor="let payMode of payModes">
      <input type="radio" name="pm" [value]="payMode.id" [checked]="selectedPayMode === payMode.id" />
      {{ payMode.name }}
    </div>
  `,
})
export class App {
  payModes = [
    {
      id: 1,
      name: 'Monthly'
    },
    {
      id: 2,
      name: 'Quarterly'
    },
    {
      id: 3,
      name: 'Yearly'
    }
  ];
  selectedPayMode = 2;
}

bootstrapApplication(App);