选定的文字angular2 with * ngFor

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的宽度很小，所以如果文本太长，我需要截断所选的选项。

但我不知道如何做到这一点，如果我改变＆＃34; {{v.short_desc}}＆＃34;，所有选项都会受到影响（显然），而不仅仅是所选择的选项。< / p>

有办法做到这一点吗？

感谢您的帮助。

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>