如何從ngModel獲取價值？

Question

我有這樣的形式：

<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> 

在組件我有這樣的：

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()值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