Question

我正在使用Angular7。当我尝试将select的值绑定到变量时，该值总是被解析为类似“ 0：25”，“ 1：50”，“ 2”的值：75英寸。

以下示例代码用于选择分页器的页面尺寸。 pageSizeOptions = [25, 50, 75, 100]。预期的行为是绑定到pageSize的{{1}}应该包含[(ngModel)]类型而不是字符串。使用number将返回值的字符串化版本nd [value]返回ngValue格式。

"[index]: [value]"

Answer 1

问题是您使用的是ngValue而不是value属性。

<option *ngFor="let size of pageSizeOptions; let i = index" [value]="size">
    {{ size }}
  </option>

ngvalue和value属性之间的区别在于，值始终是字符串，在ngValue中可以传递对象。

有关更多信息，请参考此答案Differences between value and ngValue in Angular 5

角度7：Select Option值被解析为“ [索引]：[值]”

1 个答案: