如何在其他打字稿中使用打字稿中的功能

Question

我是打字稿初学者。 我想在其他打字稿中使用打字稿中的函数值。

lightpage.ts

export class LightPage {

//light-on/off
private lightOn: boolean = false;

setLight(): boolean {
    this.lightOn = !this.lightOn;
    var lightResult = this.lightOn;
    console.log("lightResult : " + lightResult);
    return lightResult;
}

home.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { LightPage } from '../light/light';
@Component({

  selector: 'page-home',

  templateUrl: 'home.html'
})

export class HomePage {

    //let lp = new LightPage();


}

我想在lightpage.ts到home.ts中使用lightpage.ts setLight()的结果值！

如何导入？

Answer 1

您处在正确的轨道上，但不能在类（let）中声明变量。 您应该在构造函数或任何其他函数中使用它。

home.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { LightPage } from '../light/light';
@Component({

  selector: 'page-home',

  templateUrl: 'home.html'
})

export class HomePage {

    //let lp = new LightPage();
    private lp = new LightPage();

    constructor() {
        this.lp.setLight();
    }
}

另外，我将您的功能setLight重命名为toggleLight;）

Answer 2

如何导入？

简单。 在home.ts您将拥有：

import * from {LightPage} from './path/to/lightpage';

更多

这是ES6导入语法。