md-checkbox导致md-list-item为交互式元素。如何禁用mat-list-tem但不禁用md-checkbox的单击功能

Question

我列出了在mat-list-item中重复的人员名单。该项目包含一些图像文本和一个复选框。单击整个mat-list-item即可启用该复选框。我只想在用户单击md-checkbox时启用。

<md-list-item class="md-3-line">
    <img ng-src="assets/images/default_avatar.png"/>
    <div class="md-list-item-text" layout="column">
         <h4>{{person.personEmpCode.value}}</h4>
         <p>{{person.orgShortName.value + " | "+ person.positionCode.value}}</p>
         <md-checkbox ng-model="person.value" ng-change="DirectoryV2Ctrl.addToCompare(person)">
         + Add to compare
         </md-checkbox>
    </div>
</mat-list-item>