html中使用ngModel
// login.component.html
<input id="username" type="text" class="form-control" [(ngModel)]="username">
<input id="password" type="password" class="form-control" [(ngModel)]="password">
// login.component.ts
@Input() username: string;
@Input() password: string;
login(){
const myObserver = {
next: (data: LoginResult) => localStorage.token = data.sessionToken,
complete: () => {
console.log('Login successful');
this.router.navigate(['/overview)']);
},
error: () => {
console.log('Login failed');
}
};
this.authService.login(this.username, this.password).subscribe((myObserver));
}
// app.module.ts
import { FormsModule } from '@angular/forms';
imports: [
BrowserAnimationsModule,
FormsModule,
...
]