Angular CLI

Question

을 사용하여 build --prod를 다시 시도하면 오류가 발생합니다. 아마도 어리석은 실수를 저지르고 있을지 모르지만 저는 Angular 4로 첫 발걸음을 옮기고 있습니다. 제 지식은 초보자를위한 것입니다.

내 웹 사이트를 게시하지만, 각도 CLI는 현재의 에러 반환을 위해 내가 build에 생산 버전을 시도하고있다 :

Error in login.component.html: Property 'password' does not exist on type 'LoginComponent'.

login.component.html

<div class="container"> 
    <div class="col-md-5 col-md-offset-1"> 
    <form #loginForm="ngForm" class="loginForm"> 
     <h3 class="text-center">Administrador</h3> 
     <hr> 
     <div class="alert alert-info" *ngIf="status.loading"> {{ status.loading }} </div> 
     <div class="alert alert-danger" *ngIf="status.error"> {{ status.error }} </div> 
     <div class="alert alert-success" *ngIf="status.success"> {{ status.success }} </div> 
     <div class="form-group"> 
     <label for="tfEmail">Email</label> 
     <input type="text" class="form-control" name="email" ngModel id="tfEmail" #email="ngModel"> 
     </div> 
     <div class="form-group"> 
     <label for="tfPassword">Contraseña</label> 
     <input type="text" class="form-control" name="password" ngModel id="tfPassword" #email="ngModel"> 
     </div> 
     <div class="text-center"> 
     <button class="btn btn-primary btn-block" (click)="login(email, password)">Aceptar</button> 
     </div> 
    </form> 
    </div> 
</div> 

login.component을 .ts

import { Component, OnInit } from '@angular/core'; 
import { Observable } from 'rxjs/Observable'; 
import { AngularFireAuth } from 'angularfire2/auth'; 
import * as firebase from 'firebase/app'; 
import { ConfirmComponent } from '../../modal.component'; 

@Component({ 
    selector: 'app-login', 
    templateUrl: './login.component.html', 
    styleUrls: ['./login.component.css', '../admin.component.css'] 
}) 
export class LoginComponent implements OnInit { 

    user: Observable<firebase.User>; 
    email: string; 
    password: string; 

    status = { 
    loading: '', 
    success: '', 
    error: '' 
    }; 

    constructor(public afAuth: AngularFireAuth) { 
    this.user = afAuth.authState; 
    } 

    login(email, password) { 
    this.status.loading = 'Procesando datos...'; 
    return new Promise((resolve, reject) => { 
     this.status = { loading: '', success: '', error: '' }; 
     this.afAuth.auth.signInWithEmailAndPassword(email, password).then(_ => { 
     this.status.success = 'Login correcto. Redirigiendo...'; 
     setTimeout(() => { 
      window.location.href = '/'; 
     }, 3000); 
     }).catch(error => { 
     this.status.error = 'Ocurrió un error. Revise sus datos.'; 
     console.error(error); 
     }); 
    }); 
    } 

    ngOnInit() { 
    } 

} 

Answer 1

당신은 입력() 장식

http://learnangular2.com/inputs/