javascript - Angular2 中的全局对象

Question

如何在 angular2.x 中创建全局对象？我正在使用 ionic2 中的 navParams 逐页(可能是 4-5 页)收集从一个页面到另一个页面的数据。但想将其存储在全局对象中并最终提交。我已经使用全局提供商尝试过，但没有得到其中的大部分并且也没有得到任何线索。请提出任何建议。

Answer 1

正如我的问题 ionic 社区 suggest使用全局 vendor 。我确实使用了全局提供程序来保存我的 7 步表单数据并在最后一步进行最终提交。

我与ionic 3一起使用。 提供商代码:

import { Injectable } from '@angular/core';


@Injectable()
export class NcConnectionProvider {
    public statecode:any;
    public districtcode:any;

  constructor() {
    //console.log('Hello NcConnectionProvider Provider');
  }

}

Page.ts

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { NcConnectionProvider } from '../../providers/nc-connection/nc-connection';


@IonicPage()
@Component({
  selector: 'page-nc-connection',
  templateUrl: 'nc-connection.html',
})
export class NcConnectionPage {
    public distbform:FormGroup;
    public statedata:any;
    public districtdata:any;

  constructor(public navCtrl: NavController, 
    public navParams: NavParams,
    public ncdatashare: NcConnectionProvider) {

  }

    locateDistb(form: NgForm){
        this.ncdatashare.statecode = this.distbform.value.state;
        this.ncdatashare.districtcode = this.distbform.value.district;
      }

}

您可以根据需要将提供程序注入(inject)多个页面并访问全局变量/对象。就像示例中值设置为 this.ncdatashare.statecode = this.distbform.value.state; 现在，您可以访问 this.ncdatashare.statecode 到其他页面，但提供程序必须注入(inject)那里。