使用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>

我尝试了这个但是数据没有被抓取而且没有在我的视图页面中绑定。这显示在屏幕截图下方。

enter image description here

Answer 1

你检查了app.js文件，可能是app.js未下载。