Question

我的代码如下：

<ons-page ng-controller="stockController">
     <ons-toolbar class="DCF"  id="stockToolbar" ng-if = "orientation">
        <div class="left">
            <ons-back-button style="color:white;"></ons-back-button>
        </div> 
        <div class="center" style="font-size:22px;" >Stock</div>
    </ons-toolbar>

     <highchart id="chart1" config="chartConfig" class="span10"></highchart>
</ons-page>

控制器如下：

if (Math.abs(window.orientation) === 90) {
    $scope.orientation = false;
    $scope.$apply();
} else {
    $scope.orientation = true;
    $scope.$apply();
}
window.onorientationchange = function(){
    if (Math.abs(window.orientation) === 90) {
        $scope.orientation = false;
        $scope.$apply();
    } else {
        $scope.orientation = true;
        $scope.$apply();
    }
}

我只是将ng-if="false" or ng-if="true"设置为正常，但是当我运行我的代码时，它不起作用，工具栏会永远显示。

有人可以帮我解决这个问题吗？

Answer 1

你能否使用方向作为布尔类型，而不是使用$ scope的字符串。$ digest（）;在你的javascript函数结束时。我在当地尝试过它的工作。

谢谢

当方向改变时，我想更改ons-toolbar的显示

1 个答案: