如何在javascript變量中存儲angular.js模型變量？

Question

我該如何在我的javascript代碼的變量中存儲selectedSong.artist？ 我想這樣做，以便可以在另一個函數中將此選定的值用作搜​​索項。 {{selectedSong.artist}}表達式返回了一個名稱，我想將此名稱放入javascript中的變量中。

  <div class="list-group-item col-md-12">
      <div class="col-md-6">
         <p>
            Titel : <select ng-model="selectedSong" ng-options="song as song.title for song in songs.tracks"></select>
         </p>
         <p>
            Artiest : <select ng-model="selectedSong" ng-options="song as song.artist.name for song in songs.tracks"></select>
         </p>
         <p>
            Tijdstip : <select ng-model="selectedSong" ng-options="song as (song.played_at | date: 'hh:mm') for song in songs.tracks">
             </select>
         </p>
      </div>
      <div class="col-md-6">
         <button class="btn-success btn-lg" ng-click="selectedSong = songs.tracks[0]">Het afspelende lied</button>
      </div> 
  </div>

Answer 1

selectedSong現在位於您的控制器中（假設此代碼上方某處有一個控制器）。 然后，您可以使用$ watch函數在變量更改時獲取該變量，或者直接從您的控制器中引用它。

這是一個$ watch示例：

      $scope.$watch('selectedSong', function (newVal, oldVal) {
         if (newVal !== oldVal) {
            // Do something with newVal It will be selectedSong
         }
      });

或僅供參考：

$scope.selectedSong