0
レポートを生成する必要があります。AngularjsとPHPを使用しています。
予想される出力:角度jsを使用して垂直にではなくフェッチされたデータを水平に表示する方法
Spec_ID Bot_Name Color Colorno Screen
AN/SN/18 750ML POCO PESCA ROTATION 1 Light Buff Dark Buff Red P1345C P135C P warm red 150-31 150-31 150-31
実際の出力:
AG/SN/18 750ML POCO PESCA ROTATION 1 Light Buff P1345C 150-31
AG/SN/18 750ML POCO PESCA ROTATION 1 Dark Buff P135C 150-31
AG/SN/18 750ML POCO PESCA ROTATION 1 Red P Warm Red 150-31
HTML:
<table>
<thead>
<tr>
<th>Spec_ID</th>
<th>name</th>
<th>lastname</th>
<th>Rollno</th>
<th>Color</th>
<th>Color No</th>
<th>Mesh</th>
</thead>
<tbody>
<tr ng-repeat="user in users">
<td>{{user.Spec_Id}}</td>
<td>{{user.Name}}</td>
<td>{{user.lastname}}</td>
<td>{{user.Rollno}}</td>
<td>{{user.color}}</td>
<td>{{user.colorno}}</td>
<td>{{user.Mesh}}</td>
</tr>
</tbody>
</table>
SCRIPT
var request=$http({
method: "post",
url:"stock.json",
data: {
master: $scope.cust
}
});
request.success(function(response){
$scope.users = response;
//ajax request to fetch data into $scope.data
});
株.json:
Array
(
[0] => Array
(
[0] => AG/SN/18
[Spec_Id] => AG/SN/18
[1] => 750ML POCO PESCA ROTATION 1
[Bot_Name] => 750ML POCO PESCA ROTATION 1
[2] => Light Buff
[color] => Light Buff
[3] => P1345C
[colorno] => P1345C
[4] => 150-31
[screen] => 150-31
)
[1] => Array
(
[0] => AG/SN/18
[Spec_Id] => AG/SN/18
[1] => 750ML POCO PESCA ROTATION 1
[Bot_Name] => 750ML POCO PESCA ROTATION 1
[2] => Dark Buff
[color] => Dark Buff
[3] => P135C
[colorno] => P135C
[4] => 150-31
[screen] => 150-31
)
[2] => Array
(
[0] => AG/SN/18
[Spec_Id] => AG/SN/18
[1] => 750ML POCO PESCA ROTATION 1
[Bot_Name] => 750ML POCO PESCA ROTATION 1
[2] => Red
[color] => Red
[3] => P Warm Red
[colorno] => P Warm Red
[4] => 150-31
[screen] => 150-31
)
)
データを垂直に表示する代わりに、データを水平に表示する必要があります。 お願いします。事前に感謝します。
はあなたのNG-繰り返されるヘルプあなたhttp://stackoverflow.com/questions/36238379/nested-ng-repeat-in-angular-js-table/36238460#36238460 –
ことができますか?それは
@ hadiJZ上にあるはずです。たくさんありがとうございますが、それは私のために働いていません。色、colornoと画面は、テーブルの3つの異なる列です。 – user007
答えて
コントローラーに表示するデータを準備し、新しいアレイに追加します。
表示するには、以下を使用します。
出典
2016-03-27 16:22:57 Michael
関連する問題