iT邦幫忙

1

網頁內從mySQL抓的資料套用AngularJS的table style

  • 分享至 

  • xImage

最近剛學php
想要在網頁內顯示從mySQL抓過來的資料

現在我的網頁是用這樣顯示table

我想套用的範例
要套用的話是不是要把$result傳到$scope.myItems裡面?
可是我怎麼弄表格都不會出現
有人可以指導一下嗎?

如果完全照範例的寫進我自己的網頁是完全正常的
只是範例的是手工輸入資料
我是想要從mysql直接導入

之後找到比較完整的範例
大概就是

angular.module("your_app_name", ["trNgGrid"]);

裡面的trNgGrid不知道要怎麼抓mysql的資料

666666 iT邦新手 5 級 ‧ 2017-05-31 12:36:16 檢舉
打在這邊不知道為什麼不能markdown程式碼@@改放上面
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

1
小魚
iT邦大師 1 級 ‧ 2017-05-29 23:12:48

你可以把你的原始碼貼上來大家幫你看一下,
有時候不一定是範例的問題。

666666 iT邦新手 5 級 ‧ 2017-05-30 23:12:43 檢舉

我看有些文章寫說
可以先轉成json再讀
可是我轉完data是空的

<?php
  $data = array();
    while($row = mysql_fetch_array( $result )){$data[] = $row;}
$json = json_encode($data);
echo json_encode($data);
echo "<script>var data = $json</script>";

?><br>
<script>
       angular
        .module('myApp', ['trNgGrid'])
        .controller("MainCtrl", ["$scope", function ($scope) {
            $scope.myItems = data;
            }]); 
</script>
<body ng-app="myApp">
    <div ng-controller="MainCtrl">
        <table tr-ng-grid='' items='myItems'>
        </table>
    </div>
</body>
666666 iT邦新手 5 級 ‧ 2017-06-30 17:11:13 檢舉

之後我自己弄好了
我改用PDO連資料庫
他才抓得到資料轉JSON
我也不知道為什麼

$db_host = "";
$db_user = "";
$db_pass = "";
$db_select = "";
$dbconnect = "mysql:host=".$db_host.";dbname=".$db_select;
$db=new PDO($dbconnect, $db_user, $db_pass);
$row=$db->prepare('select * from account'); 
$row->execute();//execute the query 
$json_data=array();//create the array 
foreach($row as $rec)//foreach loop 
{ 
$json_array['dateAndTime']=$rec['dateAndTime']; 
$json_array['category']=$rec['category']; 
$json_array['content']=$rec['content']; 
$json_array['sum']=$rec['sum']; 
//here pushing the values in to an array 
array_push($json_data,$json_array); 
} 
//built in PHP function to encode the data in to JSON format 
$dataA = json_encode($json_data);
echo "<script>var data = $dataA</script>";

我要發表回答

立即登入回答