'header' и 'buttons' не существуют в типе ToastOptions в Ioni c 4.1.1, вопреки документации - PullRequest
Новая
       10

'header' и 'buttons' не существуют в типе ToastOptions в Ioni c 4.1.1, вопреки документации

0 голосов
/ 10 июля 2020

Я разрабатываю прогрессивное мобильное приложение с использованием Angular + Ioni c. Я хотел добавить пару тостов, с которыми пользователь мог бы взаимодействовать, поэтому я начал с копирования примера ioni c из их документации. Хотя их пример простого тоста «только для сообщений» , presentToast, у меня работает нормально, я не могу воспроизвести их второй пример, presentToastWithOptions, без ошибок, говорящих, что они используют несуществующие параметры.

Пример следующий: 

import { Component } from '@angular/core';
import { ToastController } from '@ionic/angular';

@Component({
  selector: 'toast-example',
  templateUrl: 'toast-example.html',
  styleUrls: ['./toast-example.css'],
})
export class ToastExample {

async presentToastWithOptions() {
    const toast = await this.toastController.create({
      header: 'Toast header',
      message: 'Click to Close',
      position: 'top',
      buttons: [
        {
          side: 'start',
          icon: 'star',
          text: 'Favorite',
          handler: () => {
            console.log('Favorite clicked');
          }
        }, {
          text: 'Done',
          role: 'cancel',
          handler: () => {
            console.log('Cancel clicked');
          }
        }
      ]
    });
    toast.present();
  }
}

Я получаю следующие ошибки:

Литерал объекта может указывать только известные свойства, а «заголовок» не существует в типе «ToastOptions»

и

Литерал объекта может указывать только известные свойства, а 'кнопок' не существует в типе 'ToastOptions'

Код все равно выполняется, если я игнорирую эти ошибки, но я не t получить кнопки (мне не очень важен заголовок для моих целей). Я могу заставить кнопку отображаться только через свойство showCloseButton, но я хотел, чтобы моя кнопка делала что-то другое, кроме закрытия тоста: /

На всякий случай вот информация о ioni c версия, с которой я работаю: 

Ionic:

   Ionic CLI                     : 5.4.16
   Ionic Framework               : @ionic/angular 4.1.1
   @angular-devkit/build-angular : 0.13.9
   @angular-devkit/schematics    : 7.2.4
   @angular/cli                  : 7.3.10
   @ionic/angular-toolkit        : 1.5.1

1 Ответ

1 голос
/ 11 июля 2020

Итак, проблема была очень простой, я только что обновил @ ionic / angular с версии 4.1.1 до версии 4.11.10, используя npm update @ionic/angular:)

...