如何在Ionic2 / typescript中创建和使用自定义类

时间:2017-05-04 06:11:18

标签: typescript ionic2

我是OOP和打字稿的新手。我正在研究Ionic2项目。

我有一个页面列表

list
- list.html
- list.ts
- list.scss

我在同一个文件夹中创建了一个新的类/ .ts文件

export class TestClass{
    constructor(){
        console.log("I am test class");
    }
}

然后在list.ts中我使用

import { Component,ViewChild,ElementRef,Renderer2 } from '@angular/core';
import { NavController, NavParams,Platform,Content } from 'ionic-angular';

import {TestClass} from 'test.ts';

declare var Phaser:any;

@Component({
  selector: 'page-list',
  templateUrl: 'list.html'
})
export class ListPage {

  testClass:any = new TestClass();

  constructor(public navCtrl: NavController, public navParams: NavParams, private _platform:Platform) {


  };
};//end class

这给了我错误Cannot find module "test.ts"

如何在Ionic2页面中导入我的自定义类?

请帮忙。

1 个答案:

答案 0 :(得分:3)

首先删除后面的刻度`。 其次,在名为test.ts的同一文件夹中创建一个文件。 三,粘贴代码导出类TestClass ... 最后<table> <ng-container ng-if="false"> <tr> <td> <ng-container ng-if="false">abc</ng-container>// here ng-container working fine </td> <td> <ng-container ng-if="true">xyz</ng-container> </td> </tr> </ng-container> </table> 使用import {TestClass} from './test';