Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ember.js/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度材质动态按钮切换组窗体控件访问器_Angular_Angular Material - Fatal编程技术网

Angular 角度材质动态按钮切换组窗体控件访问器

Angular 角度材质动态按钮切换组窗体控件访问器,angular,angular-material,Angular,Angular Material,遵循以下步骤,我编写了此代码: <md-button-toggle-group name="typeToggle" [(ngModel)]="chosenType" multiple> <md-button-toggle *ngFor="let type of subTypes" [value]="type"> {{type}} </md-button-toggle> </md-button-toggle-group> 我错过什么

遵循以下步骤,我编写了此代码:

<md-button-toggle-group name="typeToggle" [(ngModel)]="chosenType" multiple>
  <md-button-toggle *ngFor="let type of subTypes" [value]="type">
    {{type}}
  </md-button-toggle>
</md-button-toggle-group>
我错过什么了吗


对评论的答复: 删除
name
属性会导致:

core.es5.js:1084 
ERROR Error: Uncaught (in promise): Error: No value accessor for form control with unspecified name attribute
Error: No value accessor for form control with unspecified name attribute

删除
multiple
可以消除该错误,但会使其成为只允许用户选择一个的错误。根据Material 2文档,此语法支持Select multiple。是否有其他未记录的方法来选择多个?我需要能够一次选择多个按钮-我已经看过很多关于这种行为的工作演示。

我不知道为什么它会坏,但这里有一个修复方法

<md-button-toggle-group name="typeToggle" [(ngModel)]="chosenType" multiple ngDefaultControl>
  <md-button-toggle *ngFor="let type of subTypes" [value]="type">
    {{type}}
  </md-button-toggle>
</md-button-toggle-group>

{{type}}

为了提供一些见解,文档现在显然指出,
ngModel
在多个应用程序上不受支持,可以使用
(单击)
访问值。但是,通过添加
ngDefaultControl
,可以访问该值。这是一个小问题,但到目前为止,它仍然有效。

我不知道它为什么会坏,但这里有一个修复方法

<md-button-toggle-group name="typeToggle" [(ngModel)]="chosenType" multiple ngDefaultControl>
  <md-button-toggle *ngFor="let type of subTypes" [value]="type">
    {{type}}
  </md-button-toggle>
</md-button-toggle-group>

{{type}}

为了提供一些见解,文档现在显然指出,
ngModel
在多个应用程序上不受支持,可以使用
(单击)
访问值。但是,通过添加
ngDefaultControl
,可以访问该值。这是一个小技巧,但到目前为止它仍然有效。

选择器:'md button toggle group:not([multiple])
删除
多个
切换组的
名称
属性,特别是在使用
ReactiveFormsModule
时,我在上面的一次编辑中做出了响应。删除
multiple
属性–yurzui 25分钟前就消除了错误,但失去了选择多个项目的能力。根据文档,支持选择多个。
selector:'md按钮切换组:不([multiple])
Remove
multiple
去掉
多个
切换组的
名称
属性,特别是在使用
ReactiveFormsModule
时,我在上面的一次编辑中做出了响应。删除
multiple
属性–yurzui 25分钟前就消除了错误,但失去了选择多个项目的能力。根据文档,支持选择多个。有没有关于如何使其在反应式表单中工作的建议?有没有关于如何使其在反应式表单中工作的建议?