如何显示多选原件angular2的对象值

<form [formGroup]="myForm">
  <label for="myOptions">选择对象值：</label>
  <select id="myOptions" formControlName="selectedOptions" multiple>
    <option *ngFor="let option of options" [value]="option">{{ option.name }}</option>
  </select>
</form>

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
  myForm: FormGroup;
  options: any[] = [
    { id: 1, name: '选项1' },
    { id: 2, name: '选项2' },
    { id: 3, name: '选项3' }
  ];

  constructor(private formBuilder: FormBuilder) { }

  ngOnInit() {
    this.myForm = this.formBuilder.group({
      selectedOptions: []
    });
  }
}

<form [formGroup]="myForm">
  <label for="myOptions">选择对象值：</label>
  <select id="myOptions" formControlName="selectedOptions" multiple>
    <option *ngFor="let option of options" [value]="option">{{ option.name }}</option>
  </select>
</form>

<p>选择的对象值：</p>
<ul>
  <li *ngFor="let selectedOption of myForm.get('selectedOptions').value">{{ selectedOption.name }}</li>
</ul>