ngModelから価値を引き出すには？

Question

私はこのフォーム持っている：私はコンポーネント、ログインしている

submitLogin(){ 
      // Variable to hold a reference of addComment/updateComment 

     } 

：

import {Component, EventEmitter, Input, OnChanges} from '@angular/core'; 
import {Observable} from 'rxjs/Rx'; 
import { LoginService } from '../services/login.service'; 
import { Login } from '../model/login' 
@Component({ 
    selector: 'login', 
    templateUrl: 'login-form', 

}) 
export class LoginComponent { 
    // Constructor with injected service 
     constructor(
      private commentService: LoginService 
     ){} 
     // Local properties 
     private model = new Login('', ''); 

     submitLogin(){ 
      // Variable to hold a reference of addComment/updateComment 
      alert('aaaa'); 
     } 


} 

は、今私が欲しいものからsubmitLogin()で値を得ることであるコンポーネントで

<form id="login-form" class="text-left" (ngSubmit)="submitLogin()"> 
     <div class="login-form-main-message"></div> 
       <div class="main-login-form"> 
        <div class="login-group"> 
         <div class="form-group"> 
          <label for="lg_username" class="sr-only">Username</label> 
          <input type="text" class="form-control" id="lg_username" name="lg_username" placeholder="username" [(ngModel)]="username"> 
         </div> 
         <div class="form-group"> 
          <label for="lg_password" class="sr-only">Password</label> 
          <input type="password" class="form-control" id="lg_password" name="lg_password" placeholder="password" [(ngModel)]="password"> 
         </div> 
        </div> 
        <button type="submit" class="login-button"><i class="fa fa-chevron-right" ></i>LOGIN</button> 
    </div> 
</form> 

を私はこれを持っていますngModelを使用して、それまでの値を処理します。なにか提案を？

Answer 1

あなたはフォームから値を取得することができます

<form #form="ngForm" id="login-form" class="text-left" (ngSubmit)="submitLogin(form.value)"> 

Answer 2

あなたのngModel

<input type="text" [(ngModel)]="..." #name="ngModel"> 

にアクセスしてから、テンプレート場合は、この変数を使用取得するために参照変数を使用することができます。

詳細はこちらhttps://angular.io/docs/ts/latest/guide/template-syntax.html#ref-vars