angular.js - Bagaimana untuk memaksa DOM sudut untuk mengemas kini

Question

Pengenalan

Pada masa ini terdapat pemain muzik, html khusus adalah seperti berikut

<audio class="music_audio" ng-src="{{now_music.src}}" ></audio>
<button class="btn btn-default" ng-click="musicPlay()">
    <span class="glyphicon "ng-class="playClass?'glyphicon-pause':'glyphicon-play'"></span>
</button>
button class="btn btn-default" ng-click="musicNext()">
    <span class="glyphicon glyphicon glyphicon-step-forward"></span>
</button>

    musicElem.next=function(){
        this.clearProgressbar()
        this.now_music=this.music_list[this.music_list.indexOf(this.now_music)+1];
        console.log("now list",this.music_list)
        this.play();
        $rootScope.$broadcast("state_play",true)
        $rootScope.$broadcast("now_music",this.now_music)
        console.log("now music",this.now_music)
    }
    
        musicElem.play=function(){
        console.log(this.music_audio.paused)
        if(this.music_audio.paused){
            this.music_audio.play();
            this.progressbar();
            $rootScope.$broadcast("state_play",true)
        }else{
            this.music_audio.pause()
            $rootScope.$broadcast("state_play",false)
            $(this.music_progress).stop(true)
        }
    }

this.music_audio ialah elemen audio
this.now_music mengambil sekeping data daripada this.music_list untuk mewakili muzik yang sedang dimainkan sebagai objek Formatnya adalah seperti berikut {src: "http://baidu.com/1.mp3",name:"xxxname"}
playClass ialah butang nyatakan butang benar Butang palsu ialah gaya main balik dan gaya jeda
ini.music_progress ialah bar kemajuan Ini boleh diabaikan buat masa ini

Idea umum

Apabila anda mengklik pada lagu seterusnya, muzik seterusnya akan diperoleh daripada senarai, dan now_music akan dikemas kini. Paparan akan mengemas kini DOM mengikut now_music.src, dan pada masa yang sama menetapkan muzik semasa kepada keadaan dijeda Masalahnya ialah perubahan src akan ditetapkan semula secara automatik
Sekarang inilah masalahnya
Jika terdapat dua src yang sama, seperti [{src: "123.mp3"}, {src:123.mp3}] , maka paparan adalah src tidak akan dikemas kini Jadi apabila anda mengklik pada lagu seterusnya, anda masih mendapat status muzik semasa
Jadi saya ingin bertanya bagaimana untuk memaksa DOM untuk memuat semula dalam angularJS walaupun src adalah sama?

Answer 1

Rujuk $scope.$apply

Answer 2

Jika ia tiada dalam fungsi ng, hanya lulus $scope dan $apply di mana nilai diubahsuai