更改手机方向但范围变量不刷新

Question

我正在使用 cordova 插件来处理方向。如果方向发生变化，我想更改为不同的视图。所以我尝试在 $scope 中定义一个变量并在 UI 上进行相关更改。这是我的代码

window.addEventListener("orientationchange", function() { 
    $scope.orientation = screen.orientation;
});

此代码 sn-p 我从科尔多瓦插件方向主页引用。但是当方向改变时，用户界面没有任何变化。我什至得到了 $scope.orientation 未定义（我通过 ng-show 测试）

这是怎么发生的？感谢您的帮助。

Answer 1

使用$apply()。

angular.element($window).on("orientationchange", function() { 
    $scope.orientation = screen.orientation;
    $scope.$apply();
});

这让 AngularJS 框架知道发生了变化。