Question

我正在使用离子制作混合应用程序并遇到以下问题。我试过了两个

<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

ng-style应该是JSON＆amp;只需从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';
}

离子导航视图中的ng样式或样式无法从控制器获取值

1 个答案: