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

结帐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 </option>中的选定值

2 个答案: