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

我不熟悉OOP和打字脚本。我在Ionic2项目上工作

我有一个页面列表

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

我已在同一文件夹中创建了一个新的class/.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

此给我错误

找不到模块“test.ts”

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

---

请帮助。

首先删除背面的记号。 然后在同一文件夹中创建一个名为test.ts的文件。 第三，粘贴代码导出类TestClass。。。

---

最后，

从'/test'导入{TestClass}

使用

/

实际上，如果我不添加扩展名，则不需要“.ts”。/Visual Studio代码的IntelliSense将导入标记为错误。.返回标记是错误粘贴的，不是原始文件的一部分，&文件名是test.ts，它与list.ts位于同一文件夹中。我编辑了这个问题。但是仍然会出现相同的错误。是否删除了扩展名.ts？TypeScript的第一条规则：它不会向JavaScript添加OOP。相反，它添加了一个功能强大的结构类型系统来表示API的形状。TS中的类型系统在大多数方面比OO更具功能性testClass:any=newtestclass（）。编写

testClass=newtestclass（），否则您最好不要使用TypeScript。在TypeScript中，如果外部文件/模块位于包含它们的文件的同一文件夹中，请记住始终使用
/
包含它们。不使用
/
意味着要求node.js解析
节点_modules
中的模块，该文件夹是实际存储节点模块的文件夹。这条规则确实适用于每一个javascript项目，但在您的情况下（以及在Ionic2中），它非常重要。