应用错误收集

在codeigniter中使用角度js获取DB记录

时间：2017-08-19 15:18:01

标签： javascript php angularjs codeigniter

请帮我新的角度js我现在执行插入操作试图检索数据，我只是搞砸了。没有任何错误，但我的表在浏览器中是空白的。控制台中也没有错误。现在需要更改或更新的内容是什么？我分享了我的代码，请看看并帮助我。

App.js：

var myapp = angular.module('myApp', []);
(function(app)
{
    myapp.controller("ViewController", ['$scope','$http', function($scope, $http ) 
    {
        $scope.results = [];
        $http({
            method: 'GET',
            url:'http://localhost/ngci/user/view'
        }).then(function (data, status) 
        {
            $scope.results = data;
        });
    }]);
})(myapp);

控制器：

 public function view()
 {
    $data['x'] = $this->user_model->viewusers();

    $this->load->view('view_data',$data);
 }

查看：

<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="<?php echo base_url(); ?>angular/app.js"></script>
</head>
<body>

<div id="container" ng-app="myApp" ng-controller="ViewController">
<table class="table table-bordered"> 
<thead>
    <th>name </th>
    <th>city</th>
</thead>
<tbody>
    <tr ng-repeat="x in results">
        <td>{{ x.name }}</td>
        <td>{{ x.city }}</td>
    </tr>
</tbody>
</table>
</div>
</body>
</html>

1 个答案:

答案 0 :(得分：0)

不是角度专家，但尝试以JSON格式发送数据。这是控制器代码：

public function view() {
    $data = $this->user_model->viewusers();     
    $this->output->set_content_type('application/json')->set_output(json_encode($data));
}

请参阅此Example Link