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])
Removemultiple
去掉多个
切换组的名称
属性,特别是在使用ReactiveFormsModule
时,我在上面的一次编辑中做出了响应。删除multiple
属性–yurzui 25分钟前就消除了错误,但失去了选择多个项目的能力。根据文档,支持选择多个。有没有关于如何使其在反应式表单中工作的建议?有没有关于如何使其在反应式表单中工作的建议?