使用 *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

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

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

有没有办法做到这一点？

感谢您的帮助。

Answer 1

为您的select 使用width 值

另外，请记住将完整的文本描述放入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>