select - 使用 *ngFor 选择文本 angular2

Question

我已经做了一些研究，但我找不到解决方案。我已经做了一个我想要的模式，如果我的解释不清楚，那就更清楚了。

我有一个这样的选择模型：

<select required [(ngModel)]="value" (ngModelChange)="valueChanged($event)">
  <option *ngFor="let v of values" [ngValue]="v">
    {{v.short_desc}}
  </option>
</select>

我的价值观是例如：

1. 选项1
2. 一些很棒的文字与文字
3. 选项 2

选择的宽度很小，所以如果文本太长，我需要截断选择的选项。

但我不知道该怎么做，如果我更改“{{v.short_desc}}”，所有选项都会受到影响（显然），而不仅仅是选择的那个。

有没有办法做到这一点？

谢谢你的帮助。

Answer 1

使用width您的价值select

另外，请记住将您的完整文本描述放入title属性中

<option value="1" title="This is my lengthy explanation of what this selection really means, so since you only see 1 on the drop down list you really know that you're opting to elect me as King of Willywarts!  Always be sure to read the fine print!">1</option>