使用 <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}}"，因此您的模型将包含 selected 歌曲 ID。

第二，你的循环显示 div 和数组中的东西是错误的，因为在每个循环中你将 1 传递给你的 isSelected 方法。更好的是isSelected($index)。但是您不必执行此循环，只需使用包含 selected id in songs array

的模型

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

Answer 2

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

使用 <option> Angular.js 中的选定值

Using a selected value in <option> Angular.js

javascript

arrays

angularjs

angularjs-ng-repeat

angularjs-ng-model