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

所以，首先你必须将模型附加到你的选择标签上，使用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>