Question

我在index.blade.php中向表中显示数据时遇到问题。这是我的源'PhongController.js'：

var app = angular.module('ql-ktx',['ngMaterial'],
 function($interpolateProvider){
    $interpolateProvider.startSymbol('<%');
    $interpolateProvider.endSymbol('%>');
 }).constant('API','http://localhost:1000/');

app.controller('PhongController',function($scope,$http,API){
    $http.get(API+'phong').then(successCallback);
    function successCallback(response){
        $scope.phongs=response;
    //success code
};

这是我在index.blade.php中的来源：

    <div class="box-body table-responsive no-padding" ng-controller="PhongController"
                  <table class="table table-hover">
                    <tbody><tr>
                      <th>Mã Phòng</th>
                      <th>Tên Phòng</th>
                      <th>Số người</th>
                      <th>Khu</th>
                      <th>Loại phòng</th>
                    </tr>
           </tbody>
<tbody>
                     <tr ng-repeat="p in phongs" >
                      <td><% p.p_ma %></td>
                      <td><% p.p_ten %></td>
                      <td><% p.p_soNguoi %></td>
                      <td><% p.khu.k_ten %></td>
                      <td><% $p.loaiphong.lp_ten %></td>

                    </tr>

                  </tbody></table>
                </div>

所以，我在文件Route / Web.php中写道：Route::get('phong','PhongController@index')。我的PhongController.php来源是：

  public function index()
    {
        $dsphong=Phong::ALL();
        return view('backend.phong.index')->with('dsphong',$dsphong);
        //
    }

我尝试多次尝试，但它不起作用，意味着它不显示数据库。对我有帮助吗？感谢

Answer 1

response是AngularJS的标准HTTP响应对象。要从服务器接收响应数据，您需要使用response.data密钥获取它。更改您的successCallback，如下所示：

function successCallback(response) {
  $scope.phongs = response.data;
};

请注意，我的回答是假设HTTP调用成功并在客户端上收到格式正确的响应。如果没有，那么问题需要更新更多细节。

Answer 2

我不懂PHP，但我知道angularJS 输入＆lt; %%＆gt;我不是什么意思在angularjs中，要显示范围的值，您必须使用{{variabileNameWithOutscope。 }}

尝试编辑

<tr ng-repeat="p in phongs" >
    <td> {{p.p_ma}}  </td>
    <td> {{p.p_ten}}  </td>
    <td> {{p.p_soNguoi}}  </td>
    <td> {{p.khu.k_ten}}  </td>
    <td> {{p.loaiphong.lp_ten}}  </td>

</tr>

angularjs中没有显示数据表

2 个答案: