如何使用其他类型脚本中的typescripts中的函数

Question

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

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();


}

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

如何导入？

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导入语法。