时间戳

首页 > 解决方案 > Angular：如何使用打字稿变量控制 Select 元素的“Size”属性？

html - Angular：如何使用打字稿变量控制 Select 元素的“Size”属性？

问题描述

我正在尝试用size="this.groupsList.length"替换size="6 "但它不起作用。如何才能做到这一点？

<select name="groups" size="6">
   <option *ngFor="let group of groupsList">{{group.name}}</option>
</select>

背景：

我这样做是因为如果元素的 # 大于“大小”，则选择标签提供了自己的滚动条，但是由于我需要使用 ngx-perfect-scrollbar，所以我需要动态更改“大小”属性。因为我使用的是 ngx-perfect-scrollbar，所以我需要隐藏 select 标签的滚动条，但这样做也会隐藏一些组名（如果“size”属性小于 groupsList 的长度。）

标签： htmlcssangularselectoption

解决方案

你只需要这样做：

<select name="groups" [attr.size]="groupsList.length">
   <option *ngFor="let group of groupsList">{{group.name}}</option>
</select>

推荐阅读