2016-08-21 58 views
0

我正在laravel 5/angular 1應用上工作! 我想在我的應用程序中使用數據庫信息,但我在視圖中以json格式獲取它們! 這裏的角控制器:角度消費laravel api

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"}] 

回答

0

這是我的錯!在路由部分,我有:Route::get('resident.alerts', ['uses'=>[email protected]', 'as'=>'resident.alerts']);和alertsControllers中的索引方法返回警報(返回Alert :: all())!這就是我得到的結果背後的原因!