提问人：Damith Jayawardhane 提问时间：9/18/2023 更新时间：9/18/2023 访问量：26
如何使用 Angular 来确定给定值是否与应用程序中特定单选按钮的值匹配？
How can I use Angular to determine if a given value matches the value of a specific radio button in my application?
问：
我有一个数组列表。这样。
我在比例按钮中显示了这一点。喜欢这个
我想在从其他数组加载的数据中单击与此值类似的复选框
如何解决这个问题？
[(ngModel)]=" " , value="" ,[checked]="true",
我试过这 3 个。
但进展并不顺利。
答：
1赞
Benny Halperin
9/18/2023
#1
这是一个类似的应用程序。与您的代码进行比较。我使用了属性。[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);
评论