如何在mat-select下拉列表中填充现有值？

<mat-form-field>
  <mat-select [(ngModel)]="selectedValue">
    <mat-option *ngFor="let option of options" [value]="option">{{ option }}</mat-option>
  </mat-select>
</mat-form-field>

import { Component } from '@angular/core';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  options: string[] = ['Option 1', 'Option 2', 'Option 3'];
  selectedValue: string = 'Option 2';
}

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
  options: string[] = [];
  selectedValue: string;

  constructor(private http: HttpClient) { }

  ngOnInit() {
    this.http.get('https://api.example.com/options').subscribe((data: any) => {
      this.options = data.options;
      this.selectedValue = data.selectedOption;
    });
  }
}