Array from Checkbox Angular Material

Through this example that I found on the Internet, I want to store in an array the selected elements of a Selection list in Angular material

         <mat-selection-list #shoes>
        <mat-list-option *ngFor="let shoe of typesOfShoes" [(selected)]="shoe.checked">
          {{shoe.title}}
        </mat-list-option>
      </mat-selection-list>

      <p>
        Options : {{ shoes.selectedOptions.selected }}
      </p>

      <pre>
        Options selected: {{this.result | json}}
      </pre>

But, I can’t fill the array with the selections I make manually. I leave the link of the project.

export class ListSelectionExample implements OnInit {
  typesOfShoes: any[];
  ngOnInit() {
    this.typesOfShoes = [
      {
        id: 1,
        title: 'Aaa',
        checked: true,
      },
      {
        id: 2,
        title: 'Bbb',
        checked: false,
      },
      {
        id: 3,
        title: 'Ccc',
        checked: true,
      },
      {
        id: 4,
        title: 'Ddd',
        checked: false,
      },
    ];
  }

  get result() {
    return this.typesOfShoes.filter(shoe => shoe.checked);
  }
}

Image

Source: New feed
Source Url Array from Checkbox Angular Material