Ellipsis issue in ionic popup


#1

Hello, I am using inside ionicpopup. Looks like string is converting is “…” if length is bigger. var myPopup = $ionicPopup.show({ template: '<ion-radio ng-repeat="category in subCategoriesToMove" ng-value="category" ng-model="vm.selectedSubCategory" name="server-side">{{ category.name }} ({{category.pictures.length}})</ion-radio>', //template: '<label class="item item-radio " ng-repeat="category in subCategoriesToMove" ng-value="category" ng-model="vm.selectedSubCategory"><input type="radio" name="group"><div class="item-content" >{{ category.name }} ({{category.pictures.length}})</div><i class="radio-icon ion-checkmark"></i></label>', scope: $scope, buttons: [ { text: 'Cancel' }, { text: '<b>Move</b>', type: 'button-positive', onTap: function (e) { return vm.selectedSubCategory; } }, ] });
Here is screenshot how it got converted if string is bigger in length. How can replace “…” with actual string?


#2

Add this class to your item-content div:

.wrapText {
  overflow: visible;
  white-space: normal;   
}

#3

Thanks…That helps!!