Ionic2 我想在离子2项目中实现浮动菜单

---

到目前为止，我已经实现了按钮，即（ion fab），但按钮标签只能放在按钮的顶部或底部。我想把它们放在按钮的左边。附加图片以获得更多澄清

HTML代码

打字脚本文件

---

Anu的回答对我很有效，但是标签阻止我点击我的按钮。 我进行了以下编辑以修复此问题。由于标签的位置是固定的，所以标签与顶部的按钮重叠

 <ion-fab-list side="top">
   <ion-label class="fablabelfriend">Friend</ion-label>
  <ion-label class="fablabelfamily">Family</ion-label>      
  <button ion-fab>
     <img src="assets/friend_add.png"> 
  </button>
  <button ion-fab>
      <img src="assets/family_add.png">
  </button>

   </ion-fab-list>
 </ion-fab>

朋友
家庭

为上述修复添加更多内容。您可以通过以下方式单击标签：

button[ion-fab] {
  ion-label {
    pointer-events: auto;
  }
}

---

“按钮标签只能放在按钮的顶部或底部”您可以添加您尝试过的代码段吗？这可能会帮助您@suraj这是代码段。你查过那个链接了吗？是的。。。不为我工作

 export class myClass{
     fabButtonOpened: Boolean;
      constructor(public navCtrl: NavController, private global: globalVariable, private http: Http, public platform: Platform) {
         this.fabButtonOpened=false;

//All other functions inside constructor 
    }

        openFabButton(){
          if(this.fabButtonOpened==false){
              this.fabButtonOpened=true;
          }else{
              this.fabButtonOpened=false;
          }
        }
    }

 <ion-fab-list side="top">
   <ion-label class="fablabelfriend">Friend</ion-label>
  <ion-label class="fablabelfamily">Family</ion-label>      
  <button ion-fab>
     <img src="assets/friend_add.png"> 
  </button>
  <button ion-fab>
      <img src="assets/family_add.png">
  </button>

   </ion-fab-list>
 </ion-fab>

button[ion-fab] {
  ion-label {
    pointer-events: auto;
  }
}