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>

顺便说一句，当我尝试提醒（languageSelect）时，它会提醒[对象HTMLSelectElement]，我认为这是正常的。

Answer 1

您需要将.value添加到console.log值，因为deafult会在整个html标记中传递，因为您需要该值。

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

以角度2获取输入字段和下拉列表的值

1 个答案: