2017-06-12 53 views
0

我有几个观点,我期待基于我在视图调整容器宽度。NG-风格不采取范围值

<!-- our main container area for the views --> 
<div class="container" ng-style="{ 'width': '95%' }"> 
    <div class="row" style="height: 100%;"> 
     <!-- below is where the partial pages will replace --> 
     <div style="height: 100%;" ng-view></div> 
    </div> 
</div> 

当我硬编码NG式width属性有用。以上我硬编码到95%。但是,当我将它设置为一个范围变量并在视图的控制器中设置该变量时,它不起作用。

<div class="container" ng-style="{ 'width': containerWidth }"> 

里面的视图控制器之一:

$scope.containerWidth = '95'; 

回答

1

它应该是,

<div class="container" ng-style="{ 'width': containerWidth + 'px' }"> 

DEMO

+0

我用%,但我试过+ '%' 和它doesn”不管工作。 – user441521

+0

这是因为容器比视图/控制器更高级别,因此范围变量? – user441521

+0

@ user441521在这里检查https://jsfiddle.net/3mhxxq13/ – Sajeetharan