时间戳

首页 > 解决方案 > 如何从Angular中的选择框中获取值作为数字

html - 如何从Angular中的选择框中获取值作为数字

问题描述

我有一个<select>如下：

<select name="version" class="rounded-md p-2" [(ngModel)]="data.version" (change)="updateVersion()">
  <option value="1">Version 1</option>
  <option value="2">Version 2</option>
</select>

我想以data.version数字（1或2）的形式获取值，但我收到了一个字符串（"1"或"2"）。我怎样才能做到这一点？

标签： htmlangular

解决方案

如果使用value，您总是会得到一个string. 您应该使用[ngValue]能够传递对象（包括number,boolean等）：

<select name="version" class="rounded-md p-2" [(ngModel)]="data.version" (change)="updateVersion()">
  <option [ngValue]="1">Version 1</option>
  <option [ngValue]="2">Version 2</option>
</select>

推荐阅读