如何在弹出离子 1 中更改按钮的位置

Question

enter image description here

我需要把绿色的按钮放在三个按钮的下面！请有人帮助我！

我的代码在这里：

 $scope.showIntroductionPage = function(childs){
  if(childs == 0){

    var myPopup = $ionicPopup.show({

    title: 'Welcome to Lens Changer',
    subTitle: 'You can choose a option!',
    cssClass: 'popup-intro',

    buttons: [
      { type: 'button-assertive',
        text: '<b><font size="2">Parent</font></b>',
        cssClass: 'button-popup_red',
        onTap: function(e) {

        }
      },
      { type: 'button-energized' ,
        text: '<b><font size="2">Educator</font></b>',
        onTap: function(e) {

        }
      },
      { type: 'button-calm' ,
        text: '<b><font size="2">Sign in</font></b>',
        onTap: function(e) {

        }
      },
      { type: 'button-balanced',
        text: '<div><b><font size="2">Ready</font></b></div>',
        onTap: function(e) {
          myPopup.close();
        }
      }
      ]
    }

  );
};

• 我不知道改变这个绿色按钮。

注意：由于我们允许上面的 HTML 标签，为了让标签显示为文本，您需要转义 来转义“允许的属性

img 属性

Answer 1

我从未使用过这个，但这可能会有所帮助。

buttons: [
  {
    text: '<div>'
  },
  { type: 'button-assertive',
    text: '<b><font size="2">Parent</font></b>',
    cssClass: 'button-popup_red',
    onTap: function(e) {

    }
  },
  { type: 'button-energized' ,
    text: '<b><font size="2">Educator</font></b>',
    onTap: function(e) {

    }
  },
  { type: 'button-calm' ,
    text: '<b><font size="2">Sign in</font></b>',
    onTap: function(e) {

    }
  },
  {
    text: '</div>'
  },
  { type: 'button-balanced',
    text: '<div><b><font size="2">Ready</font></b></div>',
    onTap: function(e) {
      myPopup.close();
    }
  }
  ]

我的结果：

enter image description here