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

Question

我有一个使用“ng-option”创建的下拉菜单。假设我在“JOHN”、“MIKE”、“RONALDO”等下拉选项中有字符串。现在如果我选择其中任何一个，它将显示在下拉块中。但如果我只想要 2 个字符。 "JO" for john "MI" for mike 显示在下拉块和下拉选项中的完整字符串我应该怎么做？

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

Answer 1

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

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

或 ng 选项：

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

CSS：

.dropdownA {
     min-width: 200px;
}