2015-08-16 15 views
5

Ho guardato a http://codepen.io/mhartington/pen/KwBpRq?editors=101 e non ho visto cancelButton su Android. Su iOS funziona tutto bene. Come posso visualizzare cancelButton?foglio di azioni ionico cancelButton non mostrato su android

$ionicActionSheet.show({ 
    titleText: 'ActionSheet Example', 
    buttons: [ 
    { text: '<i class="icon ion-share balanced"></i> Share' }, 
    { text: '<i class="icon ion-arrow-move assertive"></i> Move' }, 
    ], 
    destructiveText: 'Delete', // << 
    cancelText: 'Cancel', 
    cancel: function() { 
    console.log('CANCELLED'); 
    }, 
+0

Let chrome allegare ad esso vedere se c'è qualche errore nella console. –

+0

Console pulita. – DenniLa2

+0

E per vedere se c'è un calcolo errato nel DOM –

risposta

12

_action-sheet.scss ha regola:

.platform-android .action-sheet-cancel { 
    display: none; 
} 

Per visualizzare CancelButton inserire nel css/File .scss:

.platform-android .action-sheet-cancel { 
    display: block !important; 
} 
+0

questa risposta è corretta, perché non la contrassegni corretta :) –

+1

Il motivo per cui non vi è alcuna cancellazione è dovuto alla progettazione del materiale https://material.google.com/ componenti/bottom-sheets.html # bottom-sheets-modal-bottom-fogli – LeRoy

Problemi correlati