2017-09-18 1 views
0

입력란의 값과 함수의 드롭 다운 값을 가져 오려고합니다. 하지만 오류 null의 속성을 읽을 수 없습니다.입력란의 값 및 각도 2의 드롭 다운 얻기

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> 

는 Btw은 내가 대신에, 그것은 내가 생각 괜찮있는 [객체 HTMLSelectElement] 알림 경고 (languageSelect)을하려고 할 때.

답변

1

.value을 console.log 값에 추가해야합니다. deafult는 값을 필요로 할 때 전체 HTML 태그에 전달합니다.

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

빠른 답변 감사합니다. 또한 선택 영역의 이름에 액세스하려는 경우 어떻게해야합니까? "en"이 선택되면 "İngilizce"라고 말할 수 있습니까? – rematnarab

+0

@rematnarab보다 똑같은 [반응 형 양식] (https://rahulrsingh09.github.io/AngularConcepts/reactive) 및 [템플릿 구동 형] (https://rahulrsingh09.github.io/AngularConcepts/template)에 각형을 사용하는 것이 좋습니다.). 또한 이것을 확인할 수 있습니다 [ans] (https://stackoverflow.com/a/39409050/2708210) –