Как я могу создать кнопку переключения для пола в ионном

Tonye Boro спросил: 13 июня 2018 в 10:03 в: ionic-framework

Я новичок в ионной, и я хочу иметь возможность создать кнопку переключения пола в моем приложении. Я не хочу использовать флажок, но конвертирую флажок в Google в качестве изображения ниже.

if Я должен построить его в html и jQuery, это будет именно так.

<div class="checkbox">
      <input type="checkbox" name="gender" id="gender" checked />
     </div>
    </div>
    <input type="hidden" name="hidden_gender" id="hidden_gender" value="Male" />

В jQuery

 $('#gender').bootstrapToggle({
  on: 'Male',
  off: 'Female',
  onstyle: 'success',
  offstyle: 'danger'
 }); $('#gender').change(function(){
  if($(this).prop('checked'))
  {
   $('#hidden_gender').val('Male');
  }
  else
  {
   $('#hidden_gender').val('Female');
  }
 });

Спасибо.

1 ответ

Cody Burleson ответил: 13 июня 2018 в 03:55

Я думаю, что вы ищете <ion-toggle/>.

Для документации по этому компоненту см. https://ionicframework.com/docs/components/#toggle

Вот копия / вставка строки из того, как я использую тег в угловом приложении:

<ion-toggle [(ngModel)]="track.isChecked" color="secondary"></ion-toggle>

Дополнительное видео по вопросу: Как я могу создать кнопку переключения для пола в ионном

Cordova Not Available in ionic serve fixed Ionic Framework Cool Trick

Ionic Framework Crash Course (4.0)

Ionic Framework Tutorial 12: Exporting Project To APK