5

Gostaria de criar um método estático em uma classe pública com um ToastController para que eu possa acessar esse método em várias classes. Tentei fazer desta forma abaixo mas não funcionou:

export class Utils {

  constructor(public toastCtrl: ToastController) {    
  }  

  static showToast(message, pos) {
    let toast = this.toastCtrl.create({ /* <---- erro nessa linha */
      message: message,
      duration: 3000,
      position: pos
    });

    toast.onDidDismiss(() => {
      console.log('Dismissed toast');
    });

    toast.present();
  }
}

Basicamente o propósito reutilizar código. Como posso criar um método estático em uma classe publica?

2

2 Respostas 2

1

A criação do método está ok, tanto que não dá erro nisso. O que está errado é acessar this em um método estático. Se o método é estático, ele pertence à classe e não a uma instância. Mesmo que fosse acessar, qual this deveria acessar?

Alternativamente você pode enviar o objeto para o método, aí você o acessa explicitamente como parâmetro. Você não poderá acessar os membros privados do objeto desta forma, mas os públicos ok. Se estiver acessando só os públicos pode fazer:

export class Utils {
    constructor(public toastCtrl: ToastController) {}  

    static showToast(object, message, pos) {
        let toast = object.toastCtrl.create({
            message: message,
            duration: 3000,
            position: pos
        });
      toast.onDidDismiss(() => {
          console.log('Dismissed toast');
      });
      toast.present();
    }
}

Coloquei no GitHub para referência futura.

Aí chamará Utils.showToast(objeto, "menssagem", 10);.

Mas note que isso não parece TS (apesar de ser), faltam os tipos dos parâmetros. Eu não vou arriscar colocar neles porque não tenho certeza de quais seriam.

Nem sei se esta seria a melhor solução, mas não tenho contexto.

10
  • No tsconfig.json é possível configurar a variável noImplicitAny para false, nesse caso qualquer variável sem um tipo explícito automaticamente é proposto o tipo implicitamente como any, ou seja, dependendo do tsconfig.json esse código é um TS válido. 8/02/2017 às 19:51
  • @GabrielKatakura sim, mas se vai usar TS, não deveria fazer isso, o principal motivo do TS é usar a tipagem.
    – Maniero
    8/02/2017 às 19:55
  • concordo plenamente com isto, eu mesmo configuro a flag sempre para true, mas só repassei para complementar a parte do texto não parece TS, inclusive acho que seria interessante na resposta falar sobre a flag e incentivar o uso dela no código proposto 8/02/2017 às 19:57
  • 3
    @GabrielKatakura Só tirei a ambiguidade, fica o seu comentário como complemento já que isso não faz parte do problema.
    – Maniero
    8/02/2017 às 19:59
  • Pra falar a verdade, se isso não for TS eu não sei o que é exatamente TS. Criei um projeto padrão do com cordova+ionic2+angular2 e me gerou o arquivo .ts neste mesmo formato, porém com o import desta forma import { ToastController } from 'ionic-angular'; .. não quis acrescentar para deixar mais objetivo. Bom, tentei o que você fez, porém não funcionou aqui ainda. Minha pergunta agora pode parecer óbvia, mas não consegui usar. Esse parâmetro objeto, o que devo passar nele em outra classe por exemplo?
    – viana
    8/02/2017 às 21:21
0

Como você tem uma dependecia de ToastController, que é um serviço Ionic disponivel para ser injectado, o correto seria você criar outro serviço para fazer sua manipulação de mensagens.

Para realizar isso você deve decorar sua class com @Injectable():

@Injectable()
export class Utils {
   //...
}

E adiciona-la no provider de seu modulo ou de sua class que irá utiliza-lo:

@Component({

    // ...

    // adiciona a declaração do provider aqui para que o angular (DI) saiba em qual escopo a instancia do serviço deve ser compartilhada
    // isso pode ser declarado também em modulo, onde todo o modulo irá compartilha a mesma instancia da classe injetada
    providers: [
      Utils
      ]
})
export class AppComponent {

   constructor(public utils: Utils){

   }
    // ...
}

Exemplo:

Exemplo funcional (Sem Ionic e por consequência sem ToastController, utilizando um alert em seu lugar).

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .