如何更改单选按钮上的值？角材料单选按钮

Question

我必须在filters中设置一些单选按钮，然后调用一个函数，该函数将显示过滤器是否处于活动状态，我尝试使用(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>`

打字本值：

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;

}

当按下折叠sidenav的按钮时，我调用此函数。

如何使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 { }