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

时间:2015-05-31 01:04:46

标签: angularjs angularjs-directive angularjs-scope angularjs-ng-repeat

我正在尝试动态设置div的高度,但未成功设置。我得到窗口的高度并将其除以3,但它不起作用。这是我设置高度的地方:

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

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

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

但身高并未设定。

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

4 个答案:

答案 0 :(得分:8)

actions: { didTransition: function() { console.log('-- transitioned into', this.routeName, this.get('controller.model')); } } 的使用略显违反直觉。您尝试使用它来插值,但是根据Angular documentation ng-style采用表达式&#34;它会转换为一个对象,其键是CSS样式名称,值是对应的值那些CSS密钥。&#34;

因此,您可能想尝试:

ng-style

希望这有帮助!

答案 1 :(得分:6)

你应该在call_user_func(array($mock_of_static_class_as_string, 'static_method')); 下面放一本字典

ng-style

答案 2 :(得分:0)

根据文档:https://docs.angularjs.org/api/ng/directive/ngStyle

ng-style获取一个对象,而不是一个字符串。这是修复:

<div id="wrapper" ng-style="{ height :hgt+'px'}">
  <h4 class="headerTitle">tell Mother name</h4>
</div>

答案 3 :(得分:0)

01 -

<div id="wrapper"  [ngStyle]="{'font-style': styleExp}">
  <h4 class="headerTitle">tell Mother name</h4>
</div>

02 -

<div id="wrapper"  [ngStyle]="{'max-width.px': widthExp}">
  <h4 class="headerTitle">tell Mother name</h4>
</div>