如何从下拉列表中进行选择后在下拉列表中显示不同的值

时间:2018-02-21 18:49:03

标签: html angularjs css3 angular-bootstrap

我正在使用“ng-option”创建一个下拉列表。假设我在下拉选项中有字符串,例如“JOHN”,“MIKE”,“RONALDO”......现在,如果我选择其中任何一个,它将显示在下拉列表中。但如果我只需要2个字符。 “JO”为约翰“MI”让迈克显示在下拉区块中,完整字符串显示在下拉选项中我该怎么办?

我正在使用Angular 1,除了调整下拉块的CSS宽度之外还有其他方法吗?

1 个答案:

答案 0 :(得分:0)

在CSS中设置固定宽度或最小宽度。

<select class="dropdownA">
  <option>JOHN</option>
  <option>MIKE</option>
  <option>RONALDO</option>
</select>

OR ng-option:

<select ng-options="item by object" 
ng-model="selected" 
class="dropdownA"></select>

CSS:

.dropdownA {
     min-width: 200px;
}