2016-09-20 62 views
1

我使用角JS測試版本和不同的瀏覽器會話更新相同的數據創建一個登錄application.when我在多個瀏覽器或多個瀏覽器窗口打開這個程序,並嘗試寫一些文字像一個用戶名文本框,它在所有瀏覽器會話中同時更新相同的用戶名。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> 

`

,在這裏我的代碼是我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

是的,我跑我的精簡版server.Is有任何應用水淨化的方式來運行我的應用程序.. currenlty我使用下面的命令 - 「開始」:「兼\」 NPM運行TSC:W \「\」運行NPM lite \「」, –

+0

您可以在任何http服務器上運行您的應用程序。但你不會得到自動刷新功能。命令npm run tsc:w可用於在不同服務器上運行時編譯應用程序。 – ranjeet8082