防止複選框觸發onclick崩潰事件

因此，我在我的應用程序中有多個卡，每個卡都有一個標題組件，一旦單擊該標題組件，就會摺疊卡，因此您只能看到標題。我遇到的問題是一些標題包含複選框並單擊複選框會觸發標題的單擊事件。有關防止這種情況發生的任何建議？防止複選框觸發onclick崩潰事件

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

來源

2017-03-08 qwertybin

你需要澄清一點，你的意思是當你點擊複選框時觸發它？將複選框放在單獨的div/span中。 – ArrowHead

是的。當你點擊複選框時，該部分會崩潰，我不想發生這種情況。該複選框是它自己的實體。在div中包裝複選框不起作用 – qwertybin

工具欄<md-toolbar>披着複選框，當你點擊複選框，你實際上點擊<md-toolbar>。你可以做一些事情把複選框放在一個單獨的div/span中，給它一個更高的z-index，在你的toggleSection()函數中使用event.preventDefault();。

來源

2017-03-09 08:22:29 ArrowHead

防止複選框觸發onclick崩潰事件

回答

相關問題