复选框位于扩展面板的标题中

Question

我有md-checkbox个组件作为扩展面板标题中的标题，如下所示。在这种情况下，当我尝试选中此复选框时，扩展面板更改扩展为false，我无法选中复选框。我该如何解决这个问题？我想检查复选框，而不是更改展开的扩展面板但是在单击标题后但没有在复选框上，然后展开更改为false。

<md-expansion-panel [expanded]="true">
                    <md-expansion-panel-header>
                        <md-panel-title>
                            <section>
                                <md-checkbox [(ngModel)]="model.IsActive">Is Active</md-checkbox>
                            </section>
                        </md-panel-title>
                    </md-expansion-panel-header>
                </md-expansion-panel>

Answer 1

添加$ event.stopPropagation，如下所示

<mat-checkbox ... (click)="$event.stopPropagation();">Is Active</mat-checkbox>

礼貌：This Answer