javascript - ion-nav-view 中的 ng-style 或 style 没有从控制器中获得价值

Question

我正在使用 ionic 制作 hbrid 应用程序并遇到以下问题。我都试过了

<ion-nav-view ng-style="winHeight"></ion-nav-view>

和

<ion-nav-view style="{{winHeight}}"></ion-nav-view>

但是这些都没有从我的控制器中获得价值

if (!angular.isArray(data)) {
    $scope.winHeight = 'height: ' + ($window.innerHeight - 40) + 'px !important';
} else {
    $scope.winHeight = 'height: ' + ($window.innerHeight) + 'px !important';
}

console.log($scope.winHeight);

console.log 给了我正确的文本，但是当我加载和检查元素时，我看到的一切都是

<ion-nav-view ng-style="winHeight" class="view-container" nav-view-transition="ios" nav-view-direction="none" nav-swipe="">

或者

<ion-nav-view style="{{winHeight}}" class="view-container" nav-view-transition="ios" nav-view-direction="none" nav-swipe="">

当我改为写

<ion-nav-view style="height:528px !important;"></ion-nav-view>

它像我想要的那样工作，但它不是动态的。有谁知道我做错了什么？

Answer 1

它应该是 JSON & 只是从变量ng-style传递高度值winHeight

<ion-nav-view ng-style="{height: winHeight}"></ion-nav-view>

代码

if (!angular.isArray(data)) {
    $scope.winHeight = ($window.innerHeight - 40) + ' px !important';
} else {
    $scope.winHeight =($window.innerHeight) + 'px !important';
}