Question

民间，

我正在寻找一个有角度的数组。对于数组中的每个元素，都有一个width属性，用于指示此元素在屏幕上的宽度。但是，由于某种原因，这不会被重新加入。

数组如下：

$scope.header = [
                    {'column':'name', 'width':'300'},
                    {'column':'city', 'width':'300'},
                    {'column':'address', 'width':'300'},
                    {'column':'age', 'width':'300'}
                    ];

视图如下

<div ng-repeat="element in header" > 
  <span ng-bind="element.column"  style="display:inline-block;width:{{element.width}}" >
  </span>
</div>

请咨询

Answer 1

你应该试试ng-style

ng-style="{width: element.width + 'px'}"

Answer 2

C. S.关于需要{{element.width}}px是对的。这是一个小提琴演示。 http://jsfiddle.net/nordyke/T7cW7/

Answer 3

您需要做的就是在{{表达式}}之后添加px，这是工作fiddle

<span ng-bind="element.column"  style="display:inline-block;width:{{element.width}}px" >

甚至是这样：

<span ng-bind="element.column"  style="display:inline-block;width:{{element.width+'px'}}" >

类没有应用于ng-repeat

3 个答案: