在中使用选定的值 <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

因此，首先，您必须将模型附加到您的select标记上，然后才能使用ng-model指令。 在option标签中设置属性value="{{song.id}}"这样您的模型将包含选定的歌曲ID。

第二件事，您的循环显示div和数组中的内容是错误的，因为在每个循环中，您将1传递给isSelected方法。 更好的是isSelected($index) 。 但是您不必执行此循环，只需使用包含数组中选定ID的模型即可

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

Answer 2

签出此

 <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>