ionic framework - framework - ¿es posible cambiar el texto del botón con $ ionicPopup.confirm()?
ionic framework español (3)
Al menos en la última versión de Ionic (1.0.0) puede hacer lo siguiente:
var confirmPopup = $ionicPopup.confirm({
title: ''Popup title'',
template: ''Popup text'',
cancelText: ''Custom cancel'',
okText: ''Custom ok''
}).then(function(res) {
if (res) {
console.log(''confirmed'');
}
});
Aquí está la documentación relativa .
Estoy usando $ ionicPopup.confirm () pero me gustaría cambiar el texto del botón "cancelar". ¿Es posible hacerlo?
Soy consciente de la sintaxis .show ():
buttons: [
{ text: ''Cancel'' }
]
Pero no parece funcionar con .confirm () ...
Gracias a 4 la ayuda
Es posible hacerlo, tienes que usar la cosa "tipo" dentro del botón
buttons: [
{ text: ''Cancel'' },
{
text: ''<b>Save</b>'',
type: ''button-assertive'',
onTap: function(e) {
$scope.request_form.abc = "accepted";
}
}
]
en la parte de tipo debe dar el nombre de la clase , y puede cambiar el color del botón .
ACTUALIZACIÓN : en ionic 1.0.0, esto ahora es posible, verifique aquí
Opciones de showConfirm:
{
title: '''', // String. The title of the popup.
cssClass: '''', // String, The custom CSS class name
subTitle: '''', // String (optional). The sub-title of the popup.
template: '''', // String (optional). The html template to place in the popup body.
templateUrl: '''', // String (optional). The URL of an html template to place in the popup body.
cancelText: '''', // String (default: ''Cancel''). The text of the Cancel button.
cancelType: '''', // String (default: ''button-default''). The type of the Cancel button.
okText: '''', // String (default: ''OK''). The text of the OK button.
okType: '''', // String (default: ''button-positive''). The type of the OK button.
}
Sí, puede hacer lo que quiera, utilizando ionic popup.show y vincular el evento Cancelar.
$ionicPopup.show({
template: msg,
title: titleConfirm,
buttons: [
{ text: "BTN_NO",
onTap:function(e){
return false;
}
},
{ text: "BTN_OK",
onTap:function(e){
return true;
}
},
]
});
Después de investigar la función ionic popover.confirm, esto no es posible personalizarlo. El valor de popover.confirm es la línea 446 codificada.
function showConfirm(opts) {
return showPopup(extend({
buttons: [{
text: opts.cancelText || ''Cancel'',
type: opts.cancelType || ''button-default'',
onTap: function() { return false; }
}, {
text: opts.okText || ''OK'',
type: opts.okType || ''button-positive'',
onTap: function() { return true; }
}]
}, opts || {}));
}