Angular 如何设置默认值以选择多个

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

我有一个表格,用于存储街道及其各自的社区:

如果我尝试编辑,我会按下网格上的按钮并显示街道数据:

我不能做的是,我自动选择街道对应的街区,例如,它应该如下所示:

HTML:

实体:

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);
}