AngularJS范围不会改变两次控制器

Question

我试图更改DOM上的值。但它效果不好。

这是我的来源

<div class="header_player_info" ng-controller="playerCtrl">
    <div>{{ playbackTimeCurrent }} / {{ playbackTimeTotal }}</div>
    {{playerInfo.song}}
</div>
<div class="ut_player" ng-controller="playerCtrl">
    <div>
         <span>{{ playbackTimeCurrent }} / {{ playbackTimeTotal }}</span>
         <div> {{playerInfo.song}}</div>
         <div>{{playerInfo.artist}}</div>
    </div>
</div>

当调用$ scope.updatePlayerInfo时，PlayerCtrl的$ scope将被更改， 但只有第二个DOM ng-controller="playerCtrl"应用$ scope数据。第一个ng-controller="playerCtrl"不绑定范围数据。 我的逻辑有什么问题吗？

app.controller('playerCtrl', ['$scope', '$http', '$location', 'playList', function ($scope, $http, $location, playList) {
    $scope.playerInfo = { // init playerInfo
        cover: 0,
        song: "Please select song."
    }

    //Other $scope Function call updatePlayerInfo.

    $scope.updatePlayerInfo = function(songData) {
        $scope.playerInfo = {
            cover: songData.cover,
            key: songData.key,
            song : songData.song_en,
            artist: songData.artist_en
        };

        $scope.playerPaused = false;
    };
}]);