ngIf не обновляется с переменной

Question

У меня очень простая конструкция ng-if с использованием двух кнопок MD и одной переменной диапазона AngularJS isPlaying. Однако ng-if, похоже, не работает вместе с переменной. Я вижу переменную, изменяющуюся при нажатии кнопок, используя консольные инструменты, но никаких изменений в DOM не происходит. Как ни странно, ng-if, похоже, срабатывает, когда я нахожу другие угловые компоненты, например кнопки в главном навигаторе.

HTML/MD/РНР:

<md-button class="md-icon-button" ng-if="!isPlaying" ng-click="play()" aria-label="Play"> 
    <md-icon md-svg-src="<?php echo get_stylesheet_directory_uri(); ?>/img/icon/ic_play_arrow_black_24px.svg"></md-icon> 
</md-button> 
<md-button class="md-icon-button" ng-if="isPlaying" ng-click="pause()" aria-label="Pause"> 
    <md-icon md-svg-src="<?php echo get_stylesheet_directory_uri(); ?>/img/icon/ic_pause_black_24px.svg"></md-icon> 
</md-button> 

JS:

$scope.play = function() { 
    player.playVideo(); 
    $scope.isPlaying = true; 
} 

$scope.pause = function() { 
    player.pauseVideo(); 
    $scope.isPlaying = false; 
} 

Answer 1

Проблема была вызвана функция, обернутой внутри блока тайм-аута. Я заменил setTimeout с $timeout и все начали работать нормально:

$scope.isPlaying = false; 
$scope.videoTime = 0; 
function onPlayerStateChange() { 
    console.log(player); 
    if (player.getPlayerState() === 1) 
     $scope.isPlaying = true; 
    else 
     $scope.isPlaying = false; 
    $timeout(onPlayerStateChange, 500); 
}