Angular 如何将输入的无线电值绑定到角度中的对象?
我想用对象而不是字符串绑定单选按钮。为此,我尝试了以下类似的代码:Angular 如何将输入的无线电值绑定到角度中的对象?,angular,html,frontend,Angular,Html,Frontend,我想用对象而不是字符串绑定单选按钮。为此,我尝试了以下类似的代码: <div *ngFor="let object of objects"> <input type="radio" id="category" [(ngValue)]="object"> </div> 在Angular中是否有方法将对象与单选按钮的值绑定?ngValue将不适用于单选按钮。它仅在select列表中可用 您可以使用[value]属性绑定语法将对象指定为所选单选按钮的值
<div *ngFor="let object of objects">
<input type="radio" id="category" [(ngValue)]="object">
</div>
在Angular中是否有方法将对象与单选按钮的值绑定?
ngValue
将不适用于单选按钮。它仅在select
列表中可用
您可以使用[value]
属性绑定语法将对象指定为所选单选按钮的值
将此选项用于模板:
<div *ngFor="let object of objects">
<input
(change)="onCheck()"
[(ngModel)]="selectedCategory"
type="radio"
id="category"
[value]="object">
{{ object.categoryValue }}
</div>
这是给你参考的一个例子。它工作得很好。非常感谢你的帮助。
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent {
name = 'Angular';
selectedCategory;
objects = [
{categoryName: 'Category1', categoryValue: 'Category1'},
{categoryName: 'Category2', categoryValue: 'Category2'},
{categoryName: 'Category3', categoryValue: 'Category3'},
];
onCheck() {
console.log(this.selectedCategory);
}
}