現在、音楽プレーヤーがあります。具体的な HTML は次のとおりです
リーリーthis.music_audio はオーディオ要素です
this.now_music は this.music_list からデータを取得し、現在再生中の音楽をオブジェクトとして表します。形式は次のとおりです。{src: "http://baidu.com/1.mp3",name:"xxxname"}
playClass はボタンの状態 true ボタン false ボタンは再生スタイルと一時停止スタイルです
this.music_progress は進行状況バーです
次の曲をクリックすると、次の音楽がリストから取得され、now_music ビューが now_music.src に従って DOM を更新し、同時に現在の音楽を一時停止済みの音楽に設定します。状態を使用します。問題は、src の変更が自動的にリセットされるということです。
ここで問題が発生します。
[{src: "123.mp3"}、{src:123.mp3}] など、2 つの同一の src がある場合です。の場合、ビューは src が更新されませんしたがって、次の曲をクリックすると、現在の音楽ステータスが表示されます。
そこで、src が同じであっても、angularJS で DOM を強制的に更新する方法を聞きたいです。
$scope.$applyを参照
ng 関数にない場合は、値が変更される場所に $scope と $aply を渡すだけです