如何創建具有2列的角度Js的動態行

我有使用角度js需要遍歷的列表。我想用兩列動態創建行，每列應顯示列表中的不同元素（記錄）信息。如何創建具有2列的角度Js的動態行

2017-07-29 Dipika Tikate

如果可能的話，請您提供一些示例代碼中使用它。 – dev8080

是的，至少你所指的'list'是 –

如果我明白需要列表中的每一行是列，請提供列表 –

您可以使用ng-repeat指令遍歷list項。這意味着，無論何時您想要在DOM中推送元素，都要將其推入集合listItems,ng-repeat將照顧休息。

<table> 
    <tr ng-repeat="item in listItems"> 
    <td>{{item.property1}}</td> 
    <td>{{item.property2}}</td> 
    </tr> 
</table>

來源

2017-07-29 17:27:01

@Pankaj Parkar，感謝您的更新回答:( –

我的榮幸，但爲什麼:(？ –

你好，你可以幫助我https://stackoverflow.com/questions/45385280/placed-debugger -inside-tha-function-changelistener -tocheck-whether-its-going-ins –

這是很簡單的......

我創建了一個例子。

Plunker鏈接：Click here

注：我創建了一個虛擬的例子給你。你必須根據你的數組維護一些代碼。

來源

2017-07-29 17:27:50

如果我想要在一列中顯示名字和姓氏，在另一列中顯示其他名字和姓氏 –

然後將ng-repeat放在標記上 –

場景是我的行應該是動態添加的，並且總會有兩列。在一行 –

在 控制器

有你的名單陣列

vm.myList = [{key:'value', key2: 'value2'}, {key:'value', key2: 'value2'}];

在HTML使用指令ng-repeat遍歷數組在

<table> 
    <tbody> 
    <th>Key</th> 
    <th>Key2</th> 
    </tbdoy> 
    <tr ng-repeat="item in vm.myList"> 
     <td>{{item.key}}</td> 
     <td>{{item.key2}}</td> 
    </tr> 
</table>

如果WANN在控制器添加更多的行將其推向陣列

vm.myList.push({key:'newValue', key2:'otherValue'});

來源

2017-07-29 17:42:42

而是在tr元素採用NG-重複的，你應該在TD元素，如果你想基於列的動態

來源

2017-07-29 21:31:00

如何創建具有2列的角度Js的動態行

回答

相關問題