保持自动填充建议面板打开以进行多项选择,并在角度材料2中单击面板外部时关闭

我想修改自动完成组件以进行多项选择.
我想要的是应该通过复选框打开建议面板进行多项选择,如果用户在建议面板外单击,则关闭它.根据文档,我们可以通过panelClosingActions处理它,但我无法找到任何方法如何使用它.

我可以通过MdAutocompletetrigger事件和openPanel方法保持Panel打开,但是如果选择第二个索引并且m选择第四个索引然后第二个索引复选框取消并再次打勾,会发生什么.

<md-autocomplete #auto="mdAutocomplete" id=autoComplete>
  <md-option *ngFor="let state of filteredStates | async" 
[value]="state.name" (click)="handleAutocomplete()">
<md-checkBox [checked]="state.SELEcted" [(ngModel)]="state.SELEcted">
    <span>{{ state.name }}</span> |
    <small>Population: {{state.population}}</small>
</md-checkBox>
  </md-option>
</md-autocomplete>

@ViewChild('autocomplete',{read: MdAutoCompletetrigger})
autoComplete: MdAutocompletetrigger

handleAutocomplete(){
this.autoComplete.openPanel();
}

任何帮助都非常感谢

<mat-autocomplete 
#auto="matAutocomplete" 
[displayWith]="displayFn" 
(optionSELEcted)="openPanel()">
    <mat-option *ngFor="let tag of filteredsources" [value]="tag.id">
        <span>{{ tag.text }}</span>
    </mat-option>
</mat-autocomplete>

@ViewChild(MatAutocompletetrigger) autotrigger: MatAutocompletetrigger;
openPanel(): void {
    const self = this;
    setTimeout(function () {
        self.autotrigger.openPanel();
    },1);
}