Получить выделенный текст (не значение) выберите элемент в угловом

Question

Например, я хотел бы сделать что-то вроде этого:

<select ng-model="persons"> 
    <option value="person1">Anna Smith</option> 
    <option value="person2">Karl Pettersson</option> 
    <option value="person3">Ylvis Russo</option> 
</select> 
<p ng-view="persons"><p> 

и имеющий дисплей просматривать каждое имя при выборе в выпадающем списке, а не его значение , Является ли это возможным?

Я попытался посмотреть модель и присвоить новую модель текстовому значению с помощью jQuery. Однако это оказалось сложным, поэтому, если это лучший способ сделать это, я небольшой пример был бы потрясающим!

Answer 1

Вам просто нужно определить объект ваших лиц, а затем вы можете делать с ним все, что хотите. Есть много способов сделать это ... Вот пример:

HTML

<select ng-model="persons" 
    ng-options="p as p.label for p in persons"> 
</select> 

<p ng-repeat="p in persons"> 
    {{p.value}}: {{p.label}} 
</p> 

JS

$scope.persons = [ 
    { value: 'person1', label: 'Anna Smith' }, 
    { value: 'person2', label: 'Karl Pettersson' }, 
    { value: 'person3', label: 'Ylvis Russo' } 
]; 

Вот является jsfiddle: http://jsfiddle.net/bKHh8/

UPDATE

Здесь это с тегами опций, которые не используют угловые индексы для значений (это точно что отвечает на ваш вопрос): http://jsfiddle.net/bKHh8/1/

<select> 
    <option ng-repeat="p in persons" value="{{p.value}}">{{p.name}}</option> 
</select>