ngIfが変数で更新されない

Question

2つのMDボタンと1つのAngularJSスコープ変数isPlayingを使用する非常に単純なng-if構成を使用しています。しかし、ng-ifは変数とともに動作しないようです。コンソールツールを使用してボタンをクリックすると変数が変わるのがわかりますが、DOMは変更されません。奇妙なことに、ng-ifは、メインナビゲーションのボタンなど、他のAngularコンポーネントを動かすとトリガするように見えます。

HTML/MD/PHP：

<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

問題はタイムアウトブロック内にラップ機能によって引き起こされていました。私は$timeoutとsetTimeoutを交換し、すべてが正常に動作し始めた：

$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); 
}