Angularで設定を保存するためのグローバルクラスを設計するには？

Question

私はこのようなクラスを追加しました。それはデータブツを認識しません

export class Settings{ 
    public data: string = "blopp"; 
} 

私がデータにアクセスしようとすると、私がその値を代入しようとしているフィールドがクラスに設定を見ているようだ自体がけど。

他のコンポーネントの設定を提供するためにクラスを再設計するにはどうすればよいですか？

私は約@Outputデコレータを読んだことがありますが、値にバインドしないので、正しいアプローチではないようです。私はクラスがそれを消費するはずのコンポーネントでインポートされ、認識されていることを確認しました。また、対応するエクスポージャーを試しましたが、設定でクラス内の関数を使用しました - 同じ、失敗した結果。

Answer 1

angle-cliを使用していて、このクラス環境固有の設定に格納する場合は、すでにこれをサポートしています。

environment.tsに設定します。たとえば：

export const environment = { 
    production: false, 
    someSetting: 'foo', 
}; 

そして、それはアプリ内のどこから消費することができます。

import { environment } from "../environments/environment"; //fix according to your project structure 

@Injectable() 
export class SampleService { 
    private foo = environment.someSetting; 
} 

Hereあなたはより多くの環境を追加して、特定の環境設定でプロジェクトあなたを構築する方法についての詳細情報を見つけることができます。

Answer 2

グローバル設定を保存するための最良の方法は、サービスを使用することです。 https://blogs.msmvps.com/deborahk/build-a-simple-angular-service-to-share-data/

そして、ここでplunker：https://plnkr.co/edit/KT4JLmpcwGBM2xdZQeI9?p=preview

また、@OutputデコレータはAのみの間の通信のためである私は、ここでこのことについてブログ記事を持っている

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

@Injectable() 
export class DataService { 
    serviceData: string; 
} 

：そのためのコードは次のようになります子コンポーネントと、その子コンポーネントが親内にネストされている親コンポーネントとを含む。