angular - API から受け取った配列の要素を使って mat-option を設定する方法

Question

問題があり、API から受け取った要素を md-option に入力できないため、何かが足りないと思います。

これは私が呼び出しを行い、API からデータを取得しようとする service.ts です。

getCars(){
 this.http.get(this.rootURL+'/car/getallcars')
 .toPromise()
 .then(res => this.carList = res as Cars[]);
}

基本的に、API は次のようなものを返します。

{
"id": "b49981fc-730e-49fc-b5e4-0159f4b42c9d",
"brand": "Mercedes",
"model": "G-Klasse",
"mileage": 19000,
"isAvailable": true
}

htmlで私は次のようにしています:

<mat-form-field appearance="fill">
<mat-label>Field</mat-label>
<mat-select name="myField"  #brand="ngModel [(ngModel)]="service.formData.brand">
<mat-option *ngFor ="let car of carList" [value]="car.id" >{{car.brand}}</mat-option>
</mat-select>

ここで問題が発生します。API から要素を取得し、このマット オプションを設定するには、component.ts にどのように記述すればよいかわかりません。