如何更改单选按钮上的值?角度材质单选按钮

Question

我必须在过滤器侧导航中制作一些单选按钮，并在调用一个函数后显示过滤器是否处于活动状态，我尝试使用[(ngModel(]，但我得到了这个错误：

错误错误：没有指定名称属性的表单控件的值访问器

html代码就是这个

<mat-radio-group>
<div>
<mat-radio-button class="radio-group" value="all" color="warn" *ngIf="isClickedCategory && isExpended">All
</mat-radio-button>
</div>
<div>
<mat-radio-button class="radio-group" value="electronics" color="warn"
*ngIf="isClickedCategory && isExpended" >Electronics
</mat-radio-button>
</div>
<div>
<mat-radio-button class="radio-group" value="accessories" color="warn" *ngIf="isClickedCategory && isExpended">Accesories
</mat-radio-button>
</div>
<div>
<mat-radio-button class="radio-group" value="office" color="warn"  *ngIf="isClickedCategory && isExpended">Office
</mat-radio-button>
</div>
<br/>
</mat-radio-group>`

Typescript值：

all:boolean=false; office:boolean=false; electronics:boolean=false; accesories:boolean=false;

以及验证过滤器是否激活的功能

filtersActive(): boolean {
let ok: boolean;
if (
(!this.all)&&
(!this.electronics) &&
(!this.accesories) &&
(!this.office) ) {
ok = false;
} else ok = true;
return ok;

}

当按下折叠侧导航的按钮时，我调用此功能

如何更改TS文件中的值？

谢谢你的回答！

Answer 1

您在组件模块中导入FormsModule了吗？

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
@NgModule({
...
imports:      [ BrowserModule, FormsModule ], //< added FormsModule here
})
export class AppModule { }