홈>2020-03-18 16:23

javascript - 태그에서 숫자 반환

선택 태그 내에서 옵션을 문자열 대신 숫자로 반환하려고합니다. 이것은 내 HTML입니다 :

<form  #fSearchPropertiesByBedrooms (submit)="searchPropertiesByBedrooms(bathrooms)">
         <select type="number" name="bathrooms" [(ngModel)]="bathrooms">
           <option value="1">1</option>
           <option type="number" value="2">2</option>
           <option value="3">3</option>
           <option value="4">4</option>
         </select>
         <button type="submit" class="button button-primary button-xs button-green" (click)="removeSearch()">Submit</button>
       </form>

유형을 숫자로 설정하면 트릭을 할 것이라고 생각했지만 그렇지 않습니다! 내가 사용하는 기능은 다음과 같습니다.

 searchPropertiesByBedrooms(bathrooms: number) {
    console.log('bathrooms:', bathrooms);
    this.properties = this._propertyManage.searchPropertiesByBedrooms(bathrooms).valueChanges();
  }

그러나 이것을 입력 필드로 사용하면 숫자로 반환되지만 어떤 이유로 select 태그를 사용하면 문자열로 반환합니다.

javascripthtmlangular

답변 # 1

숫자 배열을 만들고 ngFor 를 사용하여 반복 . 그런 다음 [ngValue] 를 사용하여 값을 지정하십시오. .

<select type="number" name="bathrooms" [(ngModel)]="bathrooms">
           <option *ngFor="let item of items" [ngValue]="item"  > {{item}}</option> 
 </select>
items: number[] = [1,2,3,4]

답변 # 2
value=3 인 것 같아 따옴표없이

Python2.net

javascript - 태그에서 숫자 반환

관련 자료