title: Angular5 - disable mat-list-option
body: <p>I use this code in my Angular5 application: </p>
  
  <pre><code>&lt;mat-selection-list&gt;
          &lt;mat-list-option *ngFor="let activityType of activityTypes" [selected]="isActivityTypeSelected(activityType)" (click)="addSelectedActivityType(activityType)"&gt;{{activityType | translate}}&lt;/mat-list-option&gt;
   &lt;/mat-selection-list&gt;
  </code></pre>
  
  <p>and in some cases I will disable the <strong>mat-list-option</strong>. Therefore I tried it like this ([disabled]="closedCalendarEvent"): </p>
  
  <pre><code>&lt;mat-list-option *ngFor="let activityType of activityTypes" [selected]="isActivityTypeSelected(activityType)" (click)="addSelectedActivityType(activityType)" [disabled]="closedCalendarEvent"&gt;{{activityType | translate}}&lt;/mat-list-option&gt;
  </code></pre>
  
  <p>but it does not work, thd checkboxes are still clickable.
  Does anyone know what I can do in order to disable the checkboxes of <strong>mat-list-option</strong>?</p>