angularjs – 为什么我不能用ng-style设置元素的高度？

发布时间：2020-12-17 17:05:59 所属栏目：安全来源：网络整理

导读：我试图添加动态设置div的高度,但它没有成功设置.我得到窗口的高度并将其除以3,但它不起作用.这是我设置高度的地方： div id="wrapper" ng-style="height :hgt+'px'" 我正在设置范围变量,如下所示： $scope.hgt = $window.innerHeight / 3; 但是没有设定高度.

我试图添加动态设置div的高度,但它没有成功设置.我得到窗口的高度并将其除以3,但它不起作用.这是我设置高度的地方：

<div id="wrapper" ng-style="height :hgt+'px'">

我正在设置范围变量,如下所示：

$scope.hgt = $window.innerHeight / 3;

但是没有设定高度.

Plunker
http://plnkr.co/edit/eGaPwUdPgknwDnozMJWU?p=preview

解决方法

ng-style的使用略显违反直觉.您正在尝试使用它来插值,但是根据 Angular documentation ng样式,它会使用一个表达式“它可以转换为一个对象,其键是CSS样式名称,值是这些CSS键的对应值.”

因此,您可能想尝试：

$scope.hgt = { height: ($window.innerHeight / 3) + 'px' };
<div id="wrapper" ng-style="hgt">

希望这可以帮助！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!