Html 错误:初始化后无法更改select的“多个”模式
错误图像:Html 错误:初始化后无法更改select的“多个”模式,html,angular,angular2-template,angular2-forms,angular4-forms,Html,Angular,Angular2 Template,Angular2 Forms,Angular4 Forms,错误图像: {{widgetype.name} {{node.name} {{'nodeReq'|翻译:lang}} 当我在“选择”下拉列表中使用“多个”时,它可以正常工作,但当我使用[multiple]时,它只在编辑表单中工作,而在添加表单中不工作。它给出了上述错误:初始化后无法更改选择的多个模式。请帮助我解决这个问题。这个问题有一个非常糟糕的解决方法,扭曲你的垫子,选择一个*ngif=true,并创建一个带有multiple属性的副本,用*ngif=包装!因为mat select的多个
{{widgetype.name}
{{node.name}
{{'nodeReq'|翻译:lang}}
当我在“选择”下拉列表中使用“多个”时,它可以正常工作,但当我使用[multiple]时,它只在编辑表单中工作,而在添加表单中不工作。它给出了上述错误:初始化后无法更改选择的
多个模式。请帮助我解决这个问题。这个问题有一个非常糟糕的解决方法,扭曲你的垫子,选择一个*ngif=true,并创建一个带有multiple属性的副本,用*ngif=包装!因为mat select的多个属性不能动态更改,只能初始化,不能在初始化后更改。@fatemefazli感谢您的响应。我能做些什么来解决这个问题。您能让stackblitz处理它吗?@fatemefazli有什么办法解决这个问题。创建stackblitz需要很多时间。我给你+1,因为你的解决方案有效!角材料团队必须允许我们动态地改变它
<div fxFlex.gt-lg="100" fxFlex="100" *ngIf="requestAction == 'add'">
<div class="pb-1">
<md2-select placeholder="{{'WidgetType'|translate:lang}}" class="input_custom_width"(change)="widgetNode($event.value)" required>
<md2-option *ngFor="let widgetType of widgetTypeAry" [value]="widgetType.value">
{{widgetType.name}}
</md2-option>
</md2-select>
</div>
</div>
<div fxFlex.gt-lg="100" fxFlex="100" *ngIf="fieldsObj['node'] && showRequestAction" >
<div class="pb-1">
<md2-select placeholder="{{'Node'|translate:lang}}" [formControl]="editWidgetForm.controls['nodeId']" [(ngModel)]="nodeId" class="input_custom_width" [(multiple)]="isMultiNode" (change)="nodeChange($event.value)" required>
<md2-select-header>
<md-input-container class="input_custom_width">
<input mdInput type="text" placeholder="{{'Search'| translate:lang}}" [ngModelOptions]="{standalone: true}" [(ngModel)]="searchNode"/>
</md-input-container>
</md2-select-header>
<md2-option *ngFor="let node of nodesAry | filterPipe : searchNode" [value]="node.value">
{{ node.name }}
</md2-option>
</md2-select>
<small *ngIf="editWidgetForm.controls['nodeId'].hasError('required') && editWidgetForm.controls['nodeId'].touched" class="mat-text-warn">{{'nodeReq'|translate:lang}}</small>
</div>
</div>