Ionic Popup Vorlage Inhalt nicht auf Popup-Fenster beheben

Question

Ich versuche, ein Popup zu verwenden, um eine Liste darin anzuzeigen. Die Liste enthält viele Elemente. Wenn ich das versuche, wird die Liste nicht auf das Popup-Menü der Geräte angepasst. Es funktioniert perfekt im Browser. Die Ansicht im Gerät sieht wie folgt aus. Mobile user interface

Dies ist mein Controller

.controller('taskCtrl', function ($scope, $http, $ionicPopup) { 

$scope.tasksList = function() { 
    $scope.listdata = []; 
    for (var i = 0; i < 100; i++) { 
    $scope.listdata.push(i) 
    } 
    var myPopup = $ionicPopup.show({ 
    template: ' <style>.popup { width:500px; height:50%; }</style> <ion-list>       ' + 
    ' <ion-item ng-repeat="item in listdata"> ' + 
    ' {{item.id}}        ' + 
    ' </ion-item>        ' + 
    '</ion-list>        ', 
    title: 'Current Tasks', 
    scope: $scope, 
    buttons: [ 
     { 
     text: '<b>Close</b>', 
     type: 'button-positive', 
     onTap: function (e) { 
      myPopup.close(); 
     } 
     }, 
    ] 
    }); 
    myPopup.then(function (res) { 
    console.log('Tapped!', res); 
    }); 
}; 
}) 

Hoffnung jemand es herauszufinden, die Ausgabe kann. Danke

Answer 1

Problem könnte mit overflow Eigenschaft von .popup-body Klasse sein. Versuchen Sie, die folgenden Stile in der Template-Zeichenfolge oder in Ihrer benutzerdefinierten CSS-Datei hinzuzufügen.

.platform-android .pop-up .popup-body{ 
    overflow : overlay; 
}