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';
}
}
はい私はアプリを実行しています。私のアプリを実行する方法はありません.. currenlty私は以下のコマンドを使用しています - 「スタート」:「同時に」npm run tsc:w \ "\" npm run lite \ ""、 –
任意のhttpサーバー上でアプリケーションを実行できます。しかし、あなたはオートリフレッシュ機能を取得しません。コマンドnpm run tsc:wを使用して、別のサーバーで実行しているときにアプリケーションをコンパイルできます。 – ranjeet8082