AngularJS和PHP JSON / ng-init / ng-repeat

Question

我正在嘗試從返回的PHP json結果中進行ng-repeat。但是我有一些錯誤代碼=）

angular.min.js：117錯誤：[$ parse：ueoe] **對不起，我的英語。

JSON結果：

[{"id":"1","fullname":"Ad Soyad","email":"test@windowslive.com","tel":"12332123","message":"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.","time":"12/05/2016","picture":"assets/admin/layout3/img/avatar1.jpg","isread":"1"},
{"id":"2","fullname":"Mahmut Tuncer","email":"test@windowslive.com","tel":"1233211","message":"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.","time":"12/05/2016","picture":"assets/admin/layout3/img/avatar1.jpg","isread":"1"}]

a.php

$datacontactform = $sorgu = $dbquery->multisorgu('contactform');
   <ul  ng-init="contactlist = <?php echo $datacontactform; ?>">
    <li ng-repeat="data in contactlist"> {{data.fullname}}</li>
   </ul>

b.php

public function multisorgu($tablo,$where = null, $orderby = null, $limit = null){
    // MYSQL JSON RESULT    
    global $Baglan;
    $sorgu = mysqli_query($Baglan, "SELECT * FROM $tablo $where $orderby $limit");
    $result = array();
    if(mysqli_num_rows($sorgu) > 0){
        while($bak = mysqli_fetch_assoc($sorgu)){
            $result[] = $bak;
        }
    }
    //UTF-8 JSON_UNESCAPED_UNICODE
    $json_response = json_encode($result,JSON_UNESCAPED_UNICODE);
    return $json_response;
}

Answer 1

1.為什么會出錯：

<ul  ng-init="contactlist = <?php echo $datacontactform; ?>">

這行引發錯誤，因為它喜歡ng-init=" contactlist = somestring " ，但是ng-init除外的是喜歡ng-init=" contactlist = someobject" 。

2.解決方案：

如果使用角度方式， Ajax是不錯的選擇。

如果沒有，請嘗試以下操作：

$datacontactform = $sorgu = $dbquery->multisorgu('contactform');
?>
<script type="text/javascript">
    var datacontactform = JSON.parse('<?php echo $datacontactform; ?>');
</script>
   <ul  ng-init="contactlist = datacontactform ">
    <li ng-repeat="data in contactlist"> {{data.fullname}}</li>
   </ul>

任何問題都讓我知道。 希望它能工作。

Answer 2

我想您在PHP變量中得到的是JSON String而不是Object。 您可以使用JSON.parse方法將字符串解析為對象，並且如果您從PHP獲得有效的響應，它應該可以工作。 在下面的示例中，我只是在Controller內對JSON對象進行了硬編碼以供參考。

<!DOCTYPE html>
<html ng-app="mainApp" lang="en">
<head>
  <title>JSON PHP</title>
<script src="angular.min.js"></script>
</head>
<script>

     var app = angular.module('mainApp', []);
     app.controller('MyCtrlr', function ($scope, $http) {
                    //Store your JSON Response
                                 $scope.jsonResp = [{"id":"1","fullname":"Ad Soyad","email":"test@windowslive.com","tel":"12332123","message":"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.","time":"12/05/2016","picture":"assets/admin/layout3/img/avatar1.jpg","isread":"1"},
{"id":"2","fullname":"Mahmut Tuncer","email":"test@windowslive.com","tel":"1233211","message":"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.","time":"12/05/2016","picture":"assets/admin/layout3/img/avatar1.jpg","isread":"1"}];

                       //});

 });
</script>

<body>
   <div ng-controller="MyCtrlr">
         <ul  ng-init="contactlist = jsonResp">
            <li ng-repeat="data in contactlist"> {{data.fullname}}</li>
         </ul>
    </div>
</body>

</html>

Answer 3

謝謝你們的幫助。 但我不能工作

我試圖以這種方式，但現在我無法使用ng-repeat來工作。

<script type="text/javascript">
app.factory('jsonparse',function(){
    datacontactform = JSON.parse('<?php echo $datacontactform ?>'); 
    return datacontactform;
})

mycontroller：

 $scope.cd = datacontactform;
    console.log($scope.cd);

控制台結果：

Object {1: Object, 2: Object}
1:Object
email:"tester@windowslive.com"
fullname:"tester tester"
id:"1"
isread:"1"
message:
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat."
picture:"assets/admin/layout3/img/avatar1.jpg"
tel:"123123123"
time:"12/05/2016"
__proto__:
2:Object
email:"tester@windowslive.com"
fullname:"tester tester"
id:"1"
isread:"1"
message:
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat."
picture:"assets/admin/layout3/img/avatar1.jpg"
tel:"123123123"
time:"12/05/2016"
__proto__:

AngularJS和PHP JSON / ng-init / ng-repeat

問題描述

3 個解決方案

解決方案1
0 2016-05-16 14:50:03

解決方案2
0 2016-05-16 14:54:48

解決方案3
0 2016-05-16 21:35:57

AngularJS和PHP JSON / ng-init / ng-repeat

問題描述

3 個解決方案

解決方案1 0 2016-05-16 14:50:03

解決方案2 0 2016-05-16 14:54:48

解決方案3 0 2016-05-16 21:35:57

解決方案1
0 2016-05-16 14:50:03

解決方案2
0 2016-05-16 14:54:48

解決方案3
0 2016-05-16 21:35:57