如何解决Mat-Select 下拉列表不选择 patchvalue
所以我用 patchvalue 加载我的表单,并且由于某种原因 mat-select 没有根据该值进行选择。
这是我所拥有的:
<mat-form-field appearance="fill">
<mat-select name="serverTypeId" formControlName="serverTypeId">
<mat-option value="0">None</mat-option>
<mat-option value="1">Web</mat-option>
<mat-option value="2">Citrix</mat-option>
</mat-select>
</mat-form-field>
在我的组件中,我有这个:
initServer(zoneId) {
return new FormGroup({
id: new FormControl(0),zoneId: new FormControl(zoneId),serverName: new FormControl('New Server',[Validators.required]),serverTypeId: new FormControl(0,});
}
addServer(j,id) {
const fg = <FormArray>this.region.get('zones');
if (fg) {
var serverfg = <FormArray>fg.controls[j].get('servers');
if (serverfg) {
serverfg.push(this.initServer(id));
}
}
}
和
_.each(r.zones,function (zone,i) {
self.addZone();
let zoneFG = self.getZones(self.region)[i];
if (zoneFG) {
zoneFG.patchValue(zone);
_.each(zone.servers,function (server,y) {
self.addServer(y,server.zoneId);
let serverFG = self.getServers(zoneFG)[y];
if (serverFG) {
serverFG.patchValue(server);
}
});
}
});
这是模型:
export interface ServerInfo {
id: number;
serverTypeId: number;
zoneId: number;
serverName: string;
}
除了 serverTypeId 之外,所有东西都正确绑定。我在这里缺少什么?
解决方法
我认为模板中每个 Mat-Option 中的 value 字段都被解释为字符串。如果您将 value 属性括在方括号中,如下所示:
[value] = "0"
它应该工作
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。