angularjs - Ionic popup template content does not fix to popup window -
i'm trying use popup view list inside it. list contains many items. when i'm trying this, list not fixing popup menu in devices. it's working in browser. view in device looks following image. mobile user interface
this controller
.controller('taskctrl', function ($scope, $http, $ionicpopup) { $scope.taskslist = function () { $scope.listdata = []; (var = 0; < 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); }); }; })
hope can figure out issue. thank you
problem might overflow
property of .popup-body
class. try adding below styles in template string or in custom css file.
.platform-android .pop-up .popup-body{ overflow : overlay; }
Comments
Post a Comment