通过角度消耗laravel api

时间:2016-08-21 21:43:14

标签: angularjs api laravel-5.2

我在laravel 5 / angular 1应用程序上工作! 我想在我的应用程序中使用数据库信息,但我在视图中以json格式获取它们! 这是角度控制器:

angular
.module('alerts')
.controller('alertscontroller', function($scope,$http){
$scope.alerts = [];
$http.get('{{ url('resident.alerts') }}').success(function ($data) {
              $scope.alerts = $data;
                            });
});

这里是我的laravel视图

<div class="container" ng-app="alerts" ng-controller="alertscontroller">
<div class="col-sm-3" ng-repeat="alert in alerts">
  <div class="thumbnail">
  <div class="caption">
    <h3>User X</h3>
    <p><strong>Title : </strong>@{{ alert.title }}</p>
    <p><strong>Type : </strong>@{{ alert.type }}</p>
    <p><strong>Description : </strong>@{{ alert.description }}</p>
  </div>
  </div>
</div>

我得到的结果是以下

[{"id":1,"title":"Title1","description":"descriptionk,","type":"opel","status":0,"user_id":0,"created_at":"2016-08-20 21:41:00","updated_at":"2016-08-20 21:41:00"},{"id":2,"title":"Title1","description":"descriptionk,","type":"opel","status":0,"user_id":0,"created_at":"2016-08-20 21:44:05","updated_at":"2016-08-20 21:44:05"},{"id":3,"title":"Title1","description":"descriptionk,","type":"opel","status":0,"user_id":0,"created_at":"2016-08-20 21:51:54","updated_at":"2016-08-20 21:51:54"},{"id":4,"title":"Im stuck in the elevator","description":"the elevator stoped in the fourth floor when I was getting to the second floor, please help me","type":"other things","status":0,"user_id":0,"created_at":"2016-08-21 15:06:41","updated_at":"2016-08-21 15:06:41"},{"id":5,"title":"Im stuck in the elevator","description":"the elevator stoped in the fourth floor when I was getting to the second floor, please help me","type":"other things","status":0,"user_id":0,"created_at":"2016-08-21 15:08:34","updated_at":"2016-08-21 15:08:34"}]

1 个答案:

答案 0 :(得分:0)

这是我的错!在routes部分中,我有:Route::get('resident.alerts', ['uses'=>alertsController@index', 'as'=>'resident.alerts']);并且alertsControllers中的index方法返回警报(返回Alert :: all())!这就是我得到的结果背后的原因!