如何将typescript类导入到其他typescript类中

时间:2018-03-29 22:35:04

标签: angular typescript ionic-framework

我知道我使这比应该更难。

离子3 /角。 我已经开始创建一个组件,并意识到它并非如此。所有类都做的是离子弹出,如果用户单击是,则调用服务。

import { AlertController, NavController } from 'ionic-angular';
import { WSService } from './ws.service';

export class confirmPopup {


  constructor(private wsService: WSService ,
              private alertCtrl: AlertController,
              private navCtrl: NavController) { }

showPopup(){

let popup = this.alertCtrl.create({
title: "Show Popup",
      message: "Are you okay today?",
      buttons: [
        {
          text: 'No',
          role: 'cancel',
          handler: () => {
            //Do nothing
          }
        },
        {
          text: 'Yes',
          handler: () => {
            this.wsService.register()
            .then( response => {

            this.navCtrl.setRoot(AnotherPage);
            })
          }
        }
      ]
    })

    popup .present();
}

尝试在另外两个组件中使用此类。

我导入它并将其放入构造函数中,但我收到错误"无法解析所有参数..."

不确定Angular需要我做什么其他特殊事情才能正确导入类?

1 个答案:

答案 0 :(得分:0)

你没有使用@Injectable()装饰器装饰你的类
当你的服务有自己的依赖关系时,你可以使用这个装饰器来确保首先解析它的依赖关系,然后将它注入其他类<登记/> @Injectable()装饰器标识可能需要注入依赖项的服务类。

import { Injectable } from '@angular/core'

@Injectable()
    export class confirmPopup {


      constructor(private wsService: WSService ,
                  private alertCtrl: AlertController,
                  private navCtrl: NavController) { }

    .......