2015-08-16 17 views
5

Spojrzałem na http://codepen.io/mhartington/pen/KwBpRq?editors=101 i nie widziałem cancelButton na Androidzie. Na iOS wszystko działa dobrze. Jak mogę wyświetlić cancelButton?Anuluj Anuluj przycisk Anuluj Nie pokazano na Androidzie

$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 chrom przywiązują do niej sprawdzić, czy nie ma żadnych błędów w konsoli. –

+0

Czyszczenie konsoli. – DenniLa2

+0

Aby sprawdzić, czy w DOM –

Odpowiedz

12

_action-sheet.scss ma zasadę:

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

do wyświetlenia CancelButton wstawić w pliku .css/.scss:

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

wystąpiły jakiekolwiek błędy, ta odpowiedź jest prawidłowa, więc nie zaznaczaj tego poprawnie :) –

+1

Powód, dla którego nie ma anulowania, wynika z materiałów zaprojektowanych https://material.google.com/ components/bottom-sheets.html # bottom-sheets-modal-bottom-sheets – LeRoy