title: Hide checkbox from angular mat-select in case of multiple select?
body: <p>I am using angular-material select to create a drop-down where I have provided options to select multiple values.</p>
  
  <pre><code> &lt;accordion [showArrows]="true" class="programstyle"&gt;
            &lt;accordion-group heading="EVENTS" [isOpened]="true"&gt;
              &lt;div class=""&gt;
                &lt;mat-form-field class="width100"&gt;
                  &lt;mat-select class="width100" placeholder="Events" [(ngModel)]="studentInput.programType" (change)="filter()" id="programTypeValueId" name="programTypeValueId"&gt;
                      &lt;mat-option disabled&gt;Select Events&lt;/mat-option&gt;
                    &lt;mat-option *ngFor="let program of programs" [value]="program.campusEventId"&gt;{{program.eventName}}
                    &lt;/mat-option&gt;
                  &lt;/mat-select&gt;
                &lt;/mat-form-field&gt;
              &lt;/div&gt;
            &lt;/accordion-group&gt;
            &lt;accordion-group heading="SKILLS"&gt;
              &lt;div class=""&gt;
                &lt;mat-form-field class="width100"&gt;
                  &lt;mat-select multiple class="width100" placeholder="Select Skills" [(ngModel)]="studentInput.skills" (change)="filter()"  id="skillTypeValueId" name="skillTypeValueId"&gt;
                    &lt;mat-option disabled&gt;Select Skills&lt;/mat-option&gt;
                    &lt;mat-option *ngFor="let skill of skills" [value]="skill.lookupValueId"&gt;{{skill.lookupValue}}
                    &lt;/mat-option&gt;
                  &lt;/mat-select&gt;
                &lt;/mat-form-field&gt;
              &lt;/div&gt;
            &lt;/accordion-group&gt;
            &lt;accordion-group heading="INTERESTS"&gt;
              &lt;div class=""&gt;
                &lt;mat-form-field class="width100"&gt;
                  &lt;mat-option&gt;Select Interests&lt;/mat-option&gt;
                  &lt;mat-select multiple class="width100" placeholder="Select Interests"  [(ngModel)]="studentInput.interest" (change)="filter()" id="interestTypeValueId"
                    name="interestTypeValueId"&gt;
                    &lt;mat-option *ngFor="let interest of interests" [value]="interest.lookupValueId"&gt;{{interest.lookupValue}}
                    &lt;/mat-option&gt;
                  &lt;/mat-select&gt;
                &lt;/mat-form-field&gt;
              &lt;/div&gt;
            &lt;/accordion-group&gt;
          &lt;/accordion&gt;
  </code></pre>
  
  <p>This the HTML part.<br>
  I have used Select Events in order to define option as Select Events. But i am getting this with checkbox enabled. I don't want the first option in the drop-down to have check-box enabled. Is there any way i can have first option with no-checkboxes? </p>
  
  <p><a href="https://i.stack.imgur.com/2kRQe.png" rel="noreferrer"><img src="https://i.stack.imgur.com/2kRQe.png" alt="enter image description here"></a></p>