Выбранный текст angular2 с * 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

Ширина выборки - см. все, поэтому мне нужно усечь выбранную опцию, если текст слишком длинный.

Но я не знаю, как это сделать, если я изменю «{{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>