Как изменить изображение, используя поле выбора в угловом?

Question

Привет, друзья Здесь я изменил значение текста, выбрав другое значение, но я хочу, чтобы изображения также соответствующим образом изменялись.

здесь скрипку: http://jsfiddle.net/TU6tp/44/

Должны ли мы включать в себя изображения также как и текст, и в то время как изменить изображение также изменить?

Код

<div ng-controller="myCtrl"> 
    <select 
    ng-model="selectedItem" 
    ng-options="S.label for S in selectables"> 
    </select> 
<p>Selected item value: {{selectedItem.value}}</p> 
<p>Selected item image: {{selectedItem.img}}</p> 
</div> 

и я увидел еще одну ссылку http://jsfiddle.net/wktwL/ также я путаюсь, как изменить изображение на отборе. пожалуйста, помогите мне в этом.

Answer 1

увидеть это http://jsfiddle.net/TU6tp/45/, просто поместить значение вашего изображения в ГКЗ img элемента

<img src='{{selectedItem}}'/> 



$scope.selectables = [ 
     { label: 'A', value: 'http://upload.wikimedia.org/wikipedia/commons/a/af/Bonsai_IMG_6426.jpg'}, 
     { label:'B', value:'http://hdwallpaper.freehdw.com/0001/nature-landscapes_widewallpaper_nature-s-beauty_9645.jpg'} 
    ]; 

И ваше значение для выбираемого массив должен содержать путь к изображению