コンポーネント間の角度2の同じクラスのインスタンス

Question

したがって、角度2の非常に新しい、これまでのところ良い。 私が持っている問題（角度1に使用するのでそうかもしれません）は、クラスユーザーがグローバルで、別のコンポーネント間で使用する必要があるということです。

私の場合、私はUserクラスを取得しており、ユーザーは1つのコンポーネントでログインしています。ルータで

@Component({ 
    selector: 'login', 
    templateUrl: 'app/login/login.html', 
    providers: [User] 
}) 
export class loginComponent { 
    submitted = false; 
    username : string; 
    password : string; 
    constructor(public user : User){} 
    onSubmit(event) { //form event 
    event.preventDefault(); 
    this.user.login(this.username,this.password,() =>{this.router.navigateByUrl('dashboard')} 

したがって、ユーザーのメソッドログインが名前のように、ユーザの内部変数を、設定され、最後の名前など 私はルートダッシュボードにasigned diferent成分を有します。 私はUserをインポートすると、私はクラスの新しいインスタンスを得ました。どのように私はクラスのデータをmantainできますか？

Answer 1

まずは、「UserService」を使用することをお勧めします。User。

あなたはApplication-wide dependenciesを探しています。それはより高いレベル、好ましくはAppComponentまたはAppModuleで提供する必要があります。

providers配列にサービスを追加すると、アプリケーションの要点として、そのコンポーネントと子コンポーネントで新しいインスタンスが使用されます。

AppComponentにプロバイダを定義し、loginComponentには定義していないので、サービスの新しいインスタンスが取得されているため、同じインスタンスをそこに注入できます。

これが役立ちますように！