<mat-radio-button> : 没有值访问器

Ale*_*lls 0 html javascript angular-material2 angular

我有这个 HTML:

 <mat-radio-group>
  <mat-radio-button  [(ngModel)]="searchType">
      And (Narrower search)
  </mat-radio-button>
  <mat-radio-button  [(ngModel)]="searchType">
       Or (Wider search)
  </mat-radio-button>
 </mat-radio-group>
Run Code Online (Sandbox Code Playgroud)

我收到此错误:

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

我尝试改用这个:

 <mat-radio-button name="search-and"[(ngModel)]="searchType">
      And (Narrower search)
 </mat-radio-button>
Run Code Online (Sandbox Code Playgroud)

我收到这个错误:

错误:没有名称的表单控件的值访问器:'search-and'

所以我尝试了这个:

 <mat-radio-button value="search-and" name="search-and" [(ngModel)]="searchType">
              And (Narrower search)
 </mat-radio-button>
Run Code Online (Sandbox Code Playgroud)

和这个:

  <mat-radio-button [value]="search-and" name="search-and" [(ngModel)]="searchType">
              And (Narrower search)
  </mat-radio-button>
Run Code Online (Sandbox Code Playgroud)

我仍然收到此错误:

错误:没有名称的表单控件的值访问器:'search-and'

小智 6

尝试设置formControlName="SearchType"on<mat-radio-group>而不是 on <mat-radio-button>

  • 那是我的问题。我在每个“&lt;mat-radio-button&gt;”上设置“formControlName”。谢谢! (2认同)