類不以ng重複

我期待通過在角一個陣列。對於數組中的每個元素，都有一個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>

請指點

來源

2014-02-07 runtimeZero

嘗試添加PX： { {element.width}} px –

你有小提琴嗎？我可以測試一下嗎？ –

有趣的是，你問關於類，但有內聯樣式，這通常被認爲是不好的做法。用ng-class可以做類似的事情，並遵守最佳實踐。 – MBielski

你應該嘗試ng-style

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

來源

2014-02-07 21:39:30

C. S.是正確的需要{{element.width}}px。這是一個演示小提琴。 http://jsfiddle.net/nordyke/T7cW7/

來源

2014-02-07 21:41:23 nordyke

所有你需要做的是後您的{{表達式}}，這裏是工作fiddle

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

甚至這個附加PX：

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

來源

2014-02-07 21:41:31

回答

相關問題