Ionic 4 шоу, когда прячусь, когда - PullRequest
Новая
       24

Ionic 4 шоу, когда прячусь, когда

0 голосов
/ 11 ноября 2018

Я пытаюсь использовать один и тот же HTML-код как для веб-страниц, так и для устройств, и в некоторых случаях мне нужно показать / скрыть веб-HTML-код или HTML-код устройства.

Где находятся директивы showWhen и hideWhen * в Ionic 4? Если они ушли, их заменили чем-то другим?

На данный момент все, что я могу найти, это некоторая тестовая страница , но это мало что говорит.

Ответы [ 3 ]

0 голосов
/ 11 апреля 2019

Для обновления моего приложения до ionic 4 Я использовал эту альтернативу https://ionicframework.com/docs/utilities/platform, чтобы показать правильные кнопки в зависимости от ОС устройства, он прекрасно работает и очень прост в реализации: 

import { Component, OnInit} from '@angular/core';
import { Platform } from '@ionic/angular';

@Component({
  selector: 'update-password',
  templateUrl: './update-password.component.html'
})
export class UpdatePasswordComponent implements OnInit {

  constructor(
    public platform: Platform
  ) { }

<ion-header>
  <ion-toolbar>
    <ion-title>Update Password</ion-title>
    <ion-buttons slot="start">
      <ion-button (click)="dismiss()">
        <ion-text color="primary" *ngIf="platform.is('ios')">Cancel</ion-text>
        <ion-icon name="md-close" *ngIf="!platform.is('ios')"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>
0 голосов
/ 24 июля 2019

Здесь есть кодовое перо Ionic 4 здесь , которое показывает, как можно добиться того же эффекта, что и удаленные директивы со стилями, например, этот диапазон будет отображаться только на iOS.

<span class="hide show-ios">Show iOS</span>

0 голосов
/ 14 ноября 2018

Да, Ionic 4 имеет эти директивы;

ion-hide-when

и 

ion-show-when

например, если вы хотите показать только в Android;

<ion-show-when platform="android"> stuff </ion-show-when>

UPDATE

Видимо, эти директивы только что удалены из Ionic 4 в последней бета-версии. Посмотрите эту ссылку

...