AngularJs 2 içinde global bir değişken nasıl bildirebilirim

Question

Bir alışveriş sepeti oluşturuyorum, genel değişken bildirmem gerekiyor ve değişkeni farklı bileşenlerden değiştirmek istiyorum.

Answer 1

Adımlar -

1. Küresel Değişkenler oluşturun.
2. Bileşendeki Genel Değişkenleri Alma ve Kullanma. Sonuç

Küresel Değişkenler oluşturun: -

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

@Injectable() 
export class AppGlobals { 
    readonly baseAppUrl: string = 'http://localhost:57431/'; 
    readonly baseAPIUrl: string = 'https://api.github.com/'; 
} 

İthalat “app.global.ts” ve Bileşen Global Değişkenler kullanın: - “user.component.ts”

import { Component, Injectable} from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { HttpModule, Http } from '@angular/http'; 
import { UserService } from '../service/user.service'; 
import { AppGlobals } from '../shared/app.globals'; 


@Component({ 
    selector: 'user', 
    templateUrl: './user.component.html', 
    styleUrls: ['./user.component.css'], 
    providers: [UserService, AppGlobals] 
}) 

export class UserComponent { 
    //USERS DECLARATIONS. 
    users = []; 

    //HOME COMPONENT CONSTRUCTOR 
    constructor(private userService: UserService, private _global: AppGlobals) { } 

    //GET USERS SERVICE ON PAGE LOAD. 
    ngOnInit() { 
     this.userService.getAPIUsers(this._global.baseAPIUrl + 'users/hadley/orgs').subscribe(data => this.users = data); 
     this.userService.getAppUsers(this._global.baseAppUrl + 'api/User/GetUsers').subscribe(data => console.log(data)); 
    } 
} 
//END BEGIN – USERCOMPONENT 

“user.server.ts”: -

import { Injectable, InjectionToken } from '@angular/core'; 
import { Http, Response } from '@angular/http'; 
import 'rxjs/add/operator/map'; 

//BEGIN-REGION - USERSERVICE 
@Injectable() 
export class UserService { 
    constructor(private _http: Http) { 
    } 

    getAPIUsers(apiUrl) { 
     return this._http.get(apiUrl).map((data: Response) => data.json()); 
    } 

    getAppUsers(apiUrl) { 
     return this._http.get(apiUrl).map((data: Response) => data); 
    } 
} 
//END BEGIN – USERSERVICE`enter code here` 

Ref Link

ait