2016-09-20 7 views
1

Angular jsベータ版を使用していて、複数のブラウザまたは複数のブラウザタブでこのアプリケーションを開き、usernameすべてのブラウザセッションで同時に同じユーザ名を更新します。ここでAngularjs 2ベータ、別のブラウザセッションで同じデータを更新する

は `

<div class="row" > 
     <img src="./app/assets/images/20160113hoVirtualATM.jpg" 
      class="img-responsive center-block" 
      style="max-height:300px;padding-bottom:50px"/> 
    </div> 
    <div class="row" class="text-center" > 
     <div>Login to Cardless Money</div> 
     <br> 
     <input class="center" type="text" name="userName" placeholder="User name" [(ngModel)]='userName'/> 
     <br><br> 
     <input class="center" type="password" name="password" placeholder="Password" [(ngModel)]='password'/> 
     <br><br> 
     <button class='btn btn-primary' (click)='authenticate()'> 
         Login 
      </button> 
     <!-- <a [routerLink]="['Welcome']">Login</a> --> 
      <br><br> 
      <a [routerLink]="['Signup']">Sign Up</a> 
    </div> 

</div> 

`

、ここで以下の私のコードはliteのサーバー上のどのので、それは私のwelcome.component.ts-

constructor(public router: Router, 
private _cardService: CardService) {} 

authenticate(): void { 
this.errorMessage=""; 
this._cardService.authenticateUser(this.userName, this.password) 
       .subscribe(
        isUserAuthenticated => this.isUserAuthenticated = isUserAuthenticated, 
        error => this.errorMessage = <any>error); 
console.log(this.isUserAuthenticated); 
if(this.isUserAuthenticated.success === 'true'){ 
    this.router.parent.navigateByUrl('/landing?userName='+this.userName); 
}else{ 
    this.errorMessage = 'Invalid User Credentials'; 
} 


} 

答えて

0

ですアプリケーションが実行されていると、ブラウザがアプリケーションと同期しています。アプリケーションで実行する変更は、アプリケーションが実行されているすべてのブラウザ/タブを更新します。

+0

はい私はアプリを実行しています。私のアプリを実行する方法はありません.. currenlty私は以下のコマンドを使用しています - 「スタート」:「同時に」npm run tsc:w \ "\" npm run lite \ ""、 –

+0

任意のhttpサーバー上でアプリケーションを実行できます。しかし、あなたはオートリフレッシュ機能を取得しません。コマンドnpm run tsc:wを使用して、別のサーバーで実行しているときにアプリケーションをコンパイルできます。 – ranjeet8082

関連する問題