angular2中的全局对象

Question

如何在angular2中创建全局对象。我正在使用navParams in ionic2从一个页面到另一个页面逐页收集数据(可能是4-5页)。但是想要将它存储在全局对象中&最后提交它。我尝试过使用全球提供商，但没有得到大部分&也没有得到任何线索。请有任何建议。

Answer 1

和我的问题一样，离子社区建议使用全局提供者。我确实使用了全局提供程序来保存我的7步表单数据和最后一步的提交。

我与离子型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;
      }

}

您可以根据需要将提供程序注入多个页面，并访问全局变量/对象。与示例中设置为this.ncdatashare.statecode = this.distbform.value.state;的值一样，您现在可以访问其他页面的this.ncdatashare.statecode，但是提供者必须在其中注入。

Answer 2

一定要提供一些示例代码，以便更好地阐述问题。此外，下面是收集单个对象中的数据的方法。

使用变量及其getter setter创建一个服务。将此服务注入您的组件中，并在需要的地方设置数据，然后使用其get方法再次收集数据。

    @Injectable()
    export class DataService{
      private _data: any;

      get data() {
         return this._data;
      }

      set data(data: any) {
        this._data = data;
      }    
   }

在你的组件旁边

    @Component({
      // configurations
    })
    export class LoginComponent {
    constructor(public dataService: DataService) {
       this.dataService.data = { userAge: 37  }
    }
}

在需要提交这些数据的地方，只需使用getter将其收集回来。

let finalData = this.dataService.data;

不确定您的用例。但我希望它能对你有帮助。