如何在Angular 7中正确使用compareWith和Reactive Forms？

Question

这是正确的方法吗？官方文档仅给我们提供了一个示例，说明如何将其与模板驱动的表单一起使用，而不是与响应式表单一起使用。

<mat-form-field>
    <mat-select placeholder="Select Toppings" formControlName="toppings" [compareWith]="compareFn" multiple>
        <mat-option *ngFor="let topping of (toppings$ | async)" [value]="topping.id">{{topping.name}}</mat-option>
    </mat-select>
</mat-form-field>

pizzaForm = this.formBuilder.group({
    id: ['1'],
    name: ['Foo'],
    topping: [
        [
            { id: 1, name: 'Foo'}
         , 
            { id: 2, name: 'Bar' }
        ]
    ],
})

compareFn(a: any, b: any): boolean {
    return a.id === b.id;
}