如何将angular.js模型变量存储在javascript变量中

How to store a angular.js model variable in a javascript variable?

本文关键字：变量 存储 javascript 模型 angular js      更新时间：2023-09-26

如何将selectedSong.artist存储在javascript代码中的变量中？我想这样做，这样我就可以在另一个函数中使用这个选定的值作为搜索项。｛｛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>

selectedSong现在位于您的控制器中（假设在该代码上方有一个控制器）。然后，您可以使用$watch函数在变量发生变化时获取该变量，或者直接从控制器中引用该变量。

下面是一个$watch示例：

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

或者只是作为参考：

$scope.selectedSong
相关文章：