使用angularjs在表格中顯示讀取的數據

Question

我想在codeigniter中使用angularjs在表格中顯示數據。

控制器：

public function source_list_for_test(){ 
    $data['get_source'] = $this-> admin_model-> get_all_source_list_for_test(); 
    echo json_encode($data['get_source']); 
} 

型號：

function get_all_source_list_for_test() { 
    $this->db->select('*'); 
    $this->db->from('source'); 

    $query = $this->db->get(); 
    return $query->result_array(); 
} 

檢視：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"> 
</script> 
<div class="table-responsive" ng-app="myapp" ng-controller="tabletest"> 
    <table id="example1" class="table table-bordered table-striped"> 
    <thead> 
     <tr> 
      <th>Sl No.</th>         
      <th>Name</th>          
      <th>Action</th>    
     </tr> 
    </thead> 
    <tbody>          
     <tr ng-repeat="data in datas"> 
      <td>{{index + 1}}</td>           
      <td>{{data.name}}</td>           
      <td><a class="btn btn-info btn-sm btn-fill" href=""> 
       <i class="fa fa-pencil-square-o"></i>&nbsp;Edit</a>  
       <a class="btn btn-danger btn-sm btn-edit btn-fill delete" id="" ><i class="fa fa-trash"></i>&nbsp;Delete</a> 
      </td> 
     </tr>           
     </tbody> 
    </table> 
</div> 

<script src="<?php echo base_url()?>app/js_code.js></script> 

JS文件是

<script type="text/javascript"> 
    var app = angular.module('myapp',[]); 
    app.controller('tabletest', function($scope, $http) { 
    $http.get(baseUrl + "admin/source_list_for_test") 
    .then(function(response) { 
     $scope.datas = response.data; 
    }); 
    }); 
</script> 

我試過這個，但數據沒有提取，並沒有綁定在我的視圖page.this顯示下面的屏幕拍攝。

enter image description here

Answer 1

你檢查app.js文件，可能是沒有下載app.js。