AngularJS의 ng-repeat 지시어에 사용할 PHP 배열을 어떻게 포맷합니까?

Question

ng-repeat을 사용하여 채울 테이블이 있습니다. 내 배열을 형식화하여 작동하도록하는 방법을 찾는 데 문제가 있습니다. 여기에 지금까지 무엇을 가지고 :

PHP (customers.php) :

$customer_array = array(); 

$customer1 = array(
    'customer_id' => '1', 
    'name' => 'John Doe', 
    'city' => 'New York' 
); 
$customer_array[] = $customer1; 

$customer2 = array(
    'customer_id' => '2', 
    'name' => 'Jane Doe', 
    'city' => 'Boston' 
); 
$customer_array[] = $customer2; 

echo($customer_array); 

AngularJS와 컨트롤러 (CustomersCtrl.js) :

$http({ 
    url: 'customers.php', 
    method: "POST" 
}) 
.success(function (data, status) { 
    $scope.customers = data; 
}) 
.error(function (data, status) { 
    $scope.status = status; 
}); 

HTML :

<table> 
<tbody ng-controller="CustomersCtrl"> 
    <tr ng-repeat="customer in customers"> 
     <td>{{customer.customer_id}}</td> 
     <td>{{customer.name}}</td> 
     <td>{{customer.city}}</td> 
    </tr> 
</tbody> 
</table> 

이것은 작동하지 않습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까? 새로로드 된 HTML 템플릿이 컨트롤러에 바인딩되지 않기 때문에

$routeProvider.when('/customers.php', { 
    templateUrl: 'partials/customers.html', 
    controller: 'CustomersCtrl' 
}); 

그것을인가 :

업데이트 : 아래의 코드를 사용하여 위의 HTML 코드를로드하고 있습니다 때문에이 경우 가 궁금하네요 ng-repeat 루프를 시도하기 전에?

Answer 1

응답을 보내기 전에 JSON 인코딩을해야합니다.

echo json_encode($customer_array); 

그러면 자바 스크립트 코드에 사용할 코드가 생깁니다. 지금 당신의 자바 스크립트로 다시 전달되는 유일한 것은 아무것도하지 않을 단어 'Array'입니다.

Answer 2

본문에 유사한 문제가있는 경우 JSON 응답에 BOM 표시가 있는지 확인하십시오.

BOM이란 무엇입니까? 당신은 당신의 응답은 BOM을 가지고 있는지 확인하는 방법 wiki

에 그것을 찾을 수 있습니다

?

1. 크롬에서 개발자 도구를 열고 네트워크로 이동하십시오.
2. 응답 파일 (htaccess 재 작성이 없다면 file.php와 같은 것)을 찾아 클릭하십시오.
3. 응답 중 5 개 탭 중 하나가 있습니다. BOM 표시가 있으면 빨간색 점이 표시됩니다.

당신은 빨간색 아삭 아삭를 찾을 경우는 어떻게?

utf-8 widouth BOM으로 파일을 인코딩하십시오. notepad ++에는 "인코딩"탭의 옵션이 있습니다.

추신 : 내 영어 짜증 나는 그것을 알고 : P