>

선택 태그 내에서 옵션을 문자열 대신 숫자로 반환하려고합니다. 이것은 내 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 태그를 사용하면 문자열로 반환합니다.

  • 답변 # 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 인 것 같아 따옴표없이

  • 이전 c# - 사용자 역할 기본 사례에 대한 쿼리 오버 최적화 기능이있는 NHibernate 선택
  • 다음 kubernetes - kops는 기존 AWS vpc 및 서브넷 내에 클러스터를 생성합니다