AngularJS scope does not change twice controller -

AngularJS scope does not change twice controller -

i tried alter value on dom. doesn't work well.

this source

<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>

when called $scope.updateplayerinfo playerctrl's $scope change, sec dom ng-controller="playerctrl" apply $scope data. first ng-controller="playerctrl" not bind scope data. problem logic?

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 phone 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; }; }]);

angularjs