Bootstrap 4 创建表单时填充多选值

当用户编辑对象时，我遇到了如何选择值的问题。我有一个从API加载的模型。我的模型是由数组组成的

  id: string
  name: string
  email: string

我创建了FormGroup

  peoples: new FormControl('', Validators.required)

然后填写我的表单值 此参数为.createForm.patchValue({

---

和im mycomponent.html我尝试以下方法：

    <div class="form-group">
        <label for="peoples">Peoples</label>
        <select 

        multiple class="form-control" formControlName="peoples">
          <option *ngFor="let people of peopleChoose" [ngValue]="people" [selected]="peopleSelected">{{people.name}}</option>
        </select>
      </div>

人民
{{people.name}

但我得到了所有被选中的人或最后一个

---

如果我添加第二个，则所选人员将添加到数组人员。谢谢您的帮助。

我是白痴。解决它。编写函数并选择她

[compareWith]="compareFun" 

需要这个吗

[selected]="compareFun(people, peopleSelected)"

所有例子

<div class="form-group">
            <label for="peoples">Peoples</label>
            <select [compareWith]="compareFun"
            multiple class="form-control" formControlName="peoples">
              <option *ngFor="let people of peopleChoose" [ngValue]="people" [selected]="compareFun(people, peopleSelected)">{{people.name}}</option>
            </select>
          </div>

人民
{{people.name}

<div class="form-group">
            <label for="peoples">Peoples</label>
            <select [compareWith]="compareFun"
            multiple class="form-control" formControlName="peoples">
              <option *ngFor="let people of peopleChoose" [ngValue]="people" [selected]="compareFun(people, peopleSelected)">{{people.name}}</option>
            </select>
          </div>