離子型（2或3）多選擇微調用複選框和搜索

Question

如何使下拉已搜索並和複選框具有類似於這個圖象多重選擇。這圖像只是參考

Answer 1

您可以使用多個=「真正的」離子選擇我分享的HTML代碼 我請點擊此鏈接： - http://ionicframework.com/docs/components/#select

<ion-list> 
     <ion-item> 
     <ion-label>Toppings</ion-label> 
     <ion-select [(ngModel)]="toppings" multiple="true" cancelText="Nah" okText="Okay!"> 
      <ion-option value="bacon" selected="true">Bacon</ion-option> 
      <ion-option value="olives">Black Olives</ion-option> 
      <ion-option value="xcheese" selected="true">Extra Cheese</ion-option> 
      <ion-option value="peppers">Green Peppers</ion-option> 
      <ion-option value="mushrooms">Mushrooms</ion-option> 
      <ion-option value="onions">Onions</ion-option> 
      <ion-option value="pepperoni">Pepperoni</ion-option> 
      <ion-option value="pineapple">Pineapple</ion-option> 
      <ion-option value="sausage">Sausage</ion-option> 
      <ion-option value="Spinach">Spinach</ion-option> 
     </ion-select> 
     </ion-item> 
    </ion-list> 

Answer 2

看起來你可以通過使用酥料餅組件的選擇組件實現它。檢查SELECT組件API，它解釋瞭如何使用彈出窗口而不是AlertController進行選擇。然後使用彈出窗口在頂部添加搜索框。或者只是使用模式並通過NavParams返回一個數組或選定的元素。 Josh Morony在YouTube上有一個很好的視頻，並解釋瞭如何使用模式向前和向後傳遞參數。祝你好運！