md-checkbox заставляет md-list-item быть интерактивным элементом. Как отключить функцию щелчка mat-list-tem, но не md-checkbox

Question

Я дал список лиц, повторенных в mat-list-item. Элемент содержит текстовое изображение и флажок. Весь элемент списка матов можно активировать, чтобы активировать флажок. Я хочу включить только когда пользователь нажимает на md-флажок.

<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>