帶有codeigniter的角度js

我想用角度js在一個表中顯示數據。我嘗試了很多代碼，但沒有解決我的問題。請幫助帶有codeigniter的角度js

這裏是我的查看網頁代碼..

Script代碼

<script> 
    var app = angular.module('myApp', []); 
    app.controller("customersCtrl", function($scope, $http) { 
    $http.get('<?php echo base_url('items/getRecords'); ?>'). 
success(function(data, status, headers, config) {  
    $scope.users = data; 
}); 
}); 
</script>

HTML代碼

<div ng-app="myApp" ng-controller="customersCtrl">     
      <table class="datatable table table-striped table-bordered" id="example"> 
       <thead> 
        <tr>      
         <th>Product Code</th>      
         <th>Product Name</th>       
        </tr> 
       </thead> 
       <tbody> 

        <tr class="gradeA" ng-repeat="x in users"> 

         <td style="text-align:center;">{{x.item_code}}</td>       
         <td style="text-align:center;">{{x.item_name}}</td>   

        </tr> 

       </tbody> 
      </table> 

     </div>

控制器上

public function getRecords(){ 

    $this->load->model('item_model'); 
    $data=$this->item_model->getTransactionData(); 
    $this->output->set_header('Content-type: application/json'); 
    $this->output->set_output(json_encode($data)); 
}

終於在模式

public function getTransactionData(){ 


    $query=$this->db->get('ac_itrans'); 
    return $query->result(); 

}

這裏是我的結果的JSON格式：

[{"itrans_id":"17","cocode":"OFLT","yearcode":"OFLT16","vseries":"S","vnum":"1","vdate":"2015-10-06","linenum":"1","item_type":"services","item_code":"26","item_name":"AC Repair"}];

控制檯登錄

來源

2015-11-26 Arvind Jaiswal

那麼有什麼不行？ – dfsq

數據未打印 –

GET請求是否返回任何內容？ – dfsq

請閱讀教程here，有很好的方法可以將angularjs與codeigniter php框架集成。

來源

2015-11-26 10:34:50

顯然，代碼是正確的。

您需要進行調試以檢查您是否獲得正確的JSON格式。使用console.log（$ scope.user）檢查這個，而不是data.length。

使用devtool查看它返回的結果。把這個快照放在這裏。

並且你不需要初始化用戶！

$scope.user = [];

來源

2015-11-26 10:37:16 Robus

[{「itrans_id」：「17」，「cocode」：「OFLT」，「yearcode」：「OFLT16」，「vseries」：「S」，「vnum」：「1」「vdate」：「2015-10-06」，「linenum」：「1」，「item_type」：「services」，「item_code」：「26」，「item_name」：「AC Repair」}]; –

你能告訴這是什麼回報！空場？ – Robus

當我警告數據長度。它返回1 –

帶有codeigniter的角度js

回答

相關問題