2016-03-27 20 views
0

Laravelでは、JSONとしてAngularJSにデータを転送してみました。私はそれを成功させましたが、私はAngularJSの値をどのように利用するのか混乱しています。どんな助け?LaravelのコントローラからAngularJSへのJSONの転送

チェック出力データ(各値を非表示)

enter image description here

コントローラ

public function index(){ 
    return Response::json(Company::all()); 
} 

AngularJS

var app = angular.module('companySearchApp', [], function($interpolateProvider) { 
    $interpolateProvider.startSymbol('<%'); 
    $interpolateProvider.endSymbol('%>'); 
}); 

app.controller('CompanyCtrl', function($scope, $http){ 
    $http.get('http://localhost:8000/json') 
    .then(function(response){ 
     this.companies = response.data; 
    }); 
}); 

表示

<div id="resultTable" align="center"> 
    <h3>Search Result</h3> 

    <div ng-repeat="company in CompanyCtrl.companies"> 
    <table border="1" style="margin-bottom:10px"> 
     <tr> 
     <td colspan="3" class="col-xs-12"><% company.CompanyName %></td> 
     </tr> 
     <tr> 
     <td class="col-xs-4"><% company.City %></td> 
     <td class="col-xs-4"><% company.Province %></td> 
     <td class="col-xs-4"><% company.KeyWord %></td> 
     </tr> 
     <tr> 
     <td colspan="3"><% company.JobTitle %></td> 
     </tr> 
     <tr> 
     <td colspan="3"><% company.Link %></td> 
     </tr> 
    </table> 
    </div> 
</div> 

答えて

0

うまくいけば、私はこれを自分で修正することができました。 3つのステップがありました。

  1. JSONパス
    $http.get('localhost:8000/json')

    変数に$http.get('/json')
  2. 設定JSON後前this.companies = response.data;
    $scope.data = response.data;

  3. NGリピート
    <div ng-repeat="company in CompanyCtrl.companies">
    前以降<div ng-repeat="company in data">

関連する問題