I am developing an ionic app with action sheet with the following code
var buttonsGroup = [];
for (var i = 0; i < $scope.course.contact.length; i++) {
var text = {"text": "<i class='icon ion-android-call'></i> " + $scope.course.contact[i]};
buttonsGroup.push(text);
}
$scope.makeCall = function() {
var makeCallSheet = $ionicActionSheet.show({
buttons: buttonsGroup,
titleText: 'Make a call',
cancelText: 'Cancel',
buttonClicked: function(index){
window.open('tel:' + $scope.course.contact[index]);
return true;
}
});
};
In iphone, the first time action sheet is opened, it shows up the buttons as hyperlinks with underline and blue color.
From, the next time on it works fine. Again, if I visit the page again after having navigated away from it, I see the same behavior.