web-dev-qa-db-ja.com

$ ionicPopup.confirm（）でボタンのテキストを変更することは可能ですか？

$ ionicPopup.confirm（）を使用していますが、「キャンセルボタン」テキストを変更したいです。そうすることは可能ですか？

私は.show（）構文を知っています：

  buttons: [
  { text: 'Cancel' }
  ]

しかし、それは.confirm（）で動作しないようです...

4助けてくれてありがとう

ionic-frameworkionicionic-popup
19
smknstd

少なくともIonic（1.0.0）の最新リリースでは、次のことができます。

    var confirmPopup = $ionicPopup.confirm({
        title: 'Popup title',
        template: 'Popup text',
        cancelText: 'Custom cancel',
        okText: 'Custom ok'
    }).then(function(res) {
        if (res) {
            console.log('confirmed');
        }
    });

相対ドキュメント です。

30
baxeico

[〜＃〜] update [〜＃〜]：on ionic 1.0.0、これが可能になりました。チェック ここ

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.
}

はい、あなたはionic popup.showを使用してCancelイベントをバインドすることで、必要なwatheverを行うことができます。

$ionicPopup.show({
   template: msg,
   title: titleConfirm,
   buttons: [
     { text: "BTN_NO",
       onTap:function(e){
            return false;
       }
     },
     { text: "BTN_OK",
       onTap:function(e){
            return true;
       }
     },
   ]
});

ionic popover.confirm function の調査後、これをカスタマイズすることはできません。 popover.confirmの値は、ハードコーディングされた行446です。

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 || {}));
  }
11
aorfevre

それを行うことは可能です、あなたはボタンの中に「タイプ」のものを使わなければなりません

buttons: [
            { text: 'Cancel' },
            {
                text: '<b>Save</b>',
                type: 'button-assertive',
                onTap: function(e) {
                    $scope.request_form.abc = "accepted";
                }
            }
        ]

type部分ではクラス名を指定する必要があり、ボタンの色を変更できます。

3
Anshul Kalra