Angular 如何设置默认值以选择多个
我有一个表格,用于存储街道及其各自的社区: 如果我尝试编辑,我会按下网格上的按钮并显示街道数据: 我不能做的是,我自动选择街道对应的街区,例如,它应该如下所示: HTML: 实体:Angular 如何设置默认值以选择多个,angular,typescript,angular-material,multiple-select,Angular,Typescript,Angular Material,Multiple Select,我有一个表格,用于存储街道及其各自的社区: 如果我尝试编辑,我会按下网格上的按钮并显示街道数据: 我不能做的是,我自动选择街道对应的街区,例如,它应该如下所示: HTML: 实体: export class Barrio { bar_IDBarrio: number; bar_nombre: string; constructor() {} } 你知道怎么做吗?用这些值制作一个数组,然后使用setValue设置所选的值 valuesToSelect = []; most
export class Barrio {
bar_IDBarrio: number;
bar_nombre: string;
constructor() {}
}
你知道怎么做吗?用这些值制作一个数组,然后使用setValue设置所选的值
valuesToSelect = [];
mostrarDataCalle(stCalle: string) {
this.inputCalle = stCalle;
const objCalle = {
cal_nombre: stCalle
};
this.reclamoService.selectBarrioPorCalle(objCalle).subscribe(data => {
this.arrBarrio.forEach(element => {
// HERE YOU SHOULD GO THROUGH THE SELECT AND SELECT THE CORRESPONDING
NEIGHBORHOODS
element.forEach( x => this.valuesToSelect.push(x) )
});
});
this.frmCalle.get('barrio').setValue(this.valuesToSelect);
}
有一些代码会很好,甚至是一个很好的例子。我个人不能帮你这么做。请提供您的组件、模板、模型……嗨@Maryannah!请原谅我的笨拙,添加更多的代码。您已经将select绑定到
selectBar
,因此您只需为其赋值。您好@jcruz,selectBar被分配了JSON.parse(数据),它返回街道的邻里关系,不起作用
export class Barrio {
bar_IDBarrio: number;
bar_nombre: string;
constructor() {}
}
valuesToSelect = [];
mostrarDataCalle(stCalle: string) {
this.inputCalle = stCalle;
const objCalle = {
cal_nombre: stCalle
};
this.reclamoService.selectBarrioPorCalle(objCalle).subscribe(data => {
this.arrBarrio.forEach(element => {
// HERE YOU SHOULD GO THROUGH THE SELECT AND SELECT THE CORRESPONDING
NEIGHBORHOODS
element.forEach( x => this.valuesToSelect.push(x) )
});
});
this.frmCalle.get('barrio').setValue(this.valuesToSelect);
}