javascript - 在 Laravel 中将 JSON 从 Controller 传输到 AngularJS

Question

在 Laravel 中，我尝试将 MySQL 中的数据作为 JSON 传输到 AngularJS。尽管我在这方面取得了成功，但我对如何利用 AngularJS 中的值感到困惑。有什么帮助吗？

检查输出数据(隐藏每个值)

Controller

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>

Answer 1

希望我能自己解决这个问题。有 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">