Angular 2/Typescript Scope

Question

Ich bin neu in der Programmierung mit Typoskript und eckig. Ich schreibe meine erste Komponente und erkenne ein wirklich seltsames Verhalten. Wenn ich etwas in das Eingabeformular schreibe, verbreitet es die Zeichen zwischen den Browsern, wenn ich zwei Fenster geöffnet habe. Es scheint, dass jede Sitzung nur eine Komponente teilt?

@Component({ 
selector: 'login', 
providers: [AuthService], 
template: ` 
    <div class="container my_container"> 
     <div class="row"> 
      <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"></div> 
      <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 my_login"> 
       <h1 class="my_h1">Login </h1> 
       <div class="form-group"> 
        <input type="text" placeholder="E-Mail" class="form-control" [(ngModel)]="admin.email" 
          name="email"> 
       </div> 
       <div class="form-group"> 
        <input type="password" placeholder="Password" class="form-control" [(ngModel)]="admin.password" 
          name="password"> 
       </div> 
       <button (click)="login()" type="button" class="btn btn-lg btn-primary btn-block">Sign in</button> 
      </div> 
      <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"></div> 
     </div> 
    </div> 

`}) 

export class LoginComponent implements OnInit { 
admin: Admin; 
returnUrl: string; 

constructor(private route: ActivatedRoute, 
      private router: Router, 
      private authService: AuthService) { 
} 

ngOnInit(): void { 
    document.getElementById('myNavbar').style.display = "none"; 
    this.admin = new Admin("",""); 
    this.authService.logout(); 
    this.returnUrl = this.route.snapshot.queryParams['returnUrl'] || '/'; 
} 

login() { 
    if (this.admin.email != "" && this.admin.password != "") { 
     if (this.authService.login(this.admin.email, this.admin.password)) { 
      document.getElementById('myNavbar').style.display = "block"; 
      this.router.navigate([this.returnUrl]); 
     } else { 
      alert("Wrong username or password!"); 
     } 
    } else { 
     alert("Fill username and password") 
    } 
}} 

Kann jemand bitte erklären, wie man dieses Verhalten vermeidet?

Dank jerryp

Answer 1

Vielen Dank für die Beratung. Es war BrowserSync in GhostMode, die alle Aktionen über die Browser spiegeln. Setzen Sie "ghostMode": false in der bs-config.json, um dieses Problem zu lösen.