Expected behavior Ability to close the select list on clicking a button.

How do I close the select list on clicking the Close button? I can see no method for this. Clicking the form outside the list will close it but that is not an acceptable UI in my case. I would expect something like :

this.roleSelect.close();

this.roleSelect.value; will give me the value

I cannot find this in the Angular documentation.

Actual behavior

Resources (screenshots, code snippets etc.) .ts file:

closeSelect(){
    console.log('Selected closed');
}




          <mdb-select-2 
          [formControl]="roleSelect" 
          name="roleSelect"
          id="roleSelect"
          [multiple]="true" 
          placeholder="Choose your option" 
          label="Roles"
          [visibleOptions]="4"
          (changed)="rolesValueChanged($event)"
      >
        <mdb-select-option *ngFor="let option of options"
          [value]="option.value">{{ option.label }}
        </mdb-select-option>
        <!-- <button mdbBtn color="primary" size="sm" block="true">Button</button> -->
        <button class="btn-save btn btn-primary btn-sm" (click)="closeSelect()">Close</button>
      </mdb-select-2>