<option> Angular.js에서 선택한 값이

Question

난 그냥 Angular.js를 사용하여 학습하기 시작하고 있지만이 하나 알아낼 수 사용 : 나는 value ="song.title"을 선택한 배열에서 항목을 표시 할

이 일치 어레이에서 song.title.

이 내 코드

<select> 
    <option ng-repeat="song in songs.tracks">{{song.title}}</option> 
</select> 

지금 내가이 선택된 곡 배열의 이상을 보여 싶어요 :

<section ng-repeat="song in songs.tracks"> 
    <div class="panel" ng-show="panel.isSelected(1)" > 

<!-- in here i wanna show stuff from the array of the selected song --> 

    </div> 

Answer 1

노래 배열에 this

<div> 
    Select Song :: <select ng-model="selectedSong" ng-options="song as song.title for song in songs.tracks"> 
    </select> 

    </div> 
    <div> 
    Selected Song :: 

    {{selectedSong}} 
    </div> 

Answer 2

그래서, 우선 당신은 당신의 선택 태그에 모델을 첨부해야 그것은 ng-model 지시어를 사용합니다. option 태그 집합 속성이 value="{{song.id}}"이므로 모델에 선택한 노래 ID가 포함됩니다.

둘째로, 배열에서 물건으로 div를 표시하는 루프가 잘못되었습니다. 각 루프에서 isSelected 메소드로 1을 전달하기 때문입니다. 더 나은 것은 isSelected($index)입니다. 그러나 당신은 체크 아웃

<div>{{songs[yourmodel].title}}</div>