Question

所以我的应用程序中有多张卡片，每张卡片都有一个标题组件，一旦点击，就会折叠卡片，因此您只能看到标题。我遇到的问题是，某些标头包含复选框，单击复选框会触发标题的单击事件。有关防止这种情况发生的任何建议吗？

<md-card>
   <md-card-content>
      <md-toolbar (click)="toggleSection()">
         <span>{{section.Name}}</span>
         <md-checkbox [(ngModel)]="section.isChecked">(Check to include section)</md-checkbox>
      </md-toolbar>
   </md-card-content>
</md-card>

Answer 1

当您点击复选框并实际点击const stringifyJSON = data => { if (data === undefined) return undefined else if (data === null) return 'null' else if (data.toJSON instanceof Function) return stringifyJSON(data.toJSON()) ... else return '{}' } test({toJSON: () => ({a:1, b:2})}) // { a: 1, b: 2 }＆gt;时，您的工具栏<md-toolbar>正在复选框内。您可以执行一些操作，将复选框放在单独的div / span中，为其提供更高的z-index，在<md-toolbar函数中使用event.preventDefault();。

阻止复选框触发onclick折叠事件

1 个答案: