我怎麼能單獨寬度添加到越來越伍重複

如何添加獨立的各個迭代名稱和值width每個名和值那些獲得通過迭代：我怎麼能單獨寬度添加到越來越伍重複

NG-在angularJS

對於如重複：這是我的數據：

[ 
{ 
    "name": "First Name", 
    "value": "Harry" 
}, 
{ 
    "name": "Last Name", 
    "value": "Potter" 
}, 
{ 
    "name": "Gender", 
    "value": "Male" 
}, 
{ 
    "name": "DOB", 
    "value": "21/5/1988" 
}, 
{ 
    "name": "SSN", 
    "value": "298456147" 
}]

HTML：

<div> 
 
    <div ng-repeat=\ "data in data\"> 
 
    <div style=\ "float:left\">{{data.name}}</div> 
 
    <div style=\ "float:left\">{{data.value}}</div> 
 
    </div> 
 
</div>

所以，對於每一個名和值我需要單獨width。

在哪裏可以添加我的寬度屬性？

來源

2016-01-21 user1594

當你的*瀏覽器中的這個渲染*檢查你的* HTML *與*瀏覽器控制檯*它爲其呈現的* HTML標記*，然後爲它們編寫* CSS *以及更好的數據顯示。 – vivekkupadhyay

爲什麼不使用只爲數組中的每個元素添加一個'width'字段？ –

我加了HTML也可以讓你再看看。 – user1594

按照ng-repeat的文檔中所述添加「track by $ index」子句。

ng-repeat="opt in data track by $index"

然後你可以使用{{opt.name}}和{{opt.value}}，並把它們與不同的風格不同的HTML元素。

來源

2016-01-21 04:02:20 Bob

我沒有得到U！我認爲這不適合我的需要 – user1594

https://docs.angularjs.org/api/ng/directive/ngRepeat – Bob

不要在數據中使用數據。在數據中使用obj。還要確保數據在$ scope中。添加另一個div來調試，顯示{{數據}}之前ng重複 – Bob

可以以ng-重複元件

ng-style="{width: widthArray[$index]}"

可以安排你的寬度按在陣列您的要求上創建可能的寬度的像

$scope.widthArray = ['100px','300px','200px']

然後設置寬度陣列象下面。

來源

2016-01-21 05:17:38 Diljohn5741

我怎麼能單獨寬度添加到越來越伍重複

回答

相關問題