角度2の入力フィールドとドロップダウンの値の取得

Question

入力フィールドの値と関数のドロップダウン値を取得しようとしています。しかし、私はエラーがNULLのプロパティを読み取ることができない取得します。

languageSelected(name: ElementRef, languageSelect: ElementRef) { 
    alert(languageSelect.nativeElement.value); 
} 

ビューは以下のとおりです。

<div class="form-group row"> 
    <label class="col-md-3 form-control-label" for="name">{{'movieCategory.name'|translate}}</label> 
    <div class="col-md-5"> 
     <input #categoryNameInput [disabled]="pageStatus==4" ngModel="{{movieCategory.name}}" name="name" id="name" type="text" class="form-control" placeholder="{{'movieCategory.placeHolder.name'|translate}}"> 
    </div> 
    <div class="col-md-3"> 
     <select #languageSelection class="form-control"> 
     <option value="tr">Türkçe</option> 
     <option value="en">İngilizce</option> 
     <option value="de">Almanca</option> 
     </select> 
    </div> 
    <div class="col-md-1"> 
     <i (click)="languageSelected(categoryNameInput,languageSelection)" class="fa fa-plus fa-2x" style="margin-top:5px;margin-left:-15px;color:green" aria-hidden="true"></i> 
    </div> 
</div> 

はところで私の代わりに、それは私が考える大丈夫である[オブジェクトHTMLSelectElement]を警告する警告（languageSelect）をしようとします。

Answer 1

.valueをconsole.logの値に追加する必要があります。これは、値が必要な場合にHTMLマークアップ全体に渡すようになっています。

languageSelected(categoryNameInput,languageSelection){ 
    console.log(categoryNameInput.value); 
    console.log(languageSelection.value); 
}