數據沒有顯示，而使用angularjs自動創建行

而我試圖用ng顯示我的數據在html中 - 重複它的不顯示。我正在嘗試動態創建行。但名單沒有得到顯示。數據沒有顯示，而使用angularjs自動創建行

這是我的控制器：

app.controller('SearchBusController',['$scope','$sessionStorage','$http','$state',function($scope,$sessionStorage,$http,$state){ 
    var a="http://localhost:8080/business/allbusiness"; 
    $scope.BusinessList=[]; 
      $.ajax({ 
    type:'GET', 
    url:a, 

    success:function(data){ 

    $scope.BusinessList=data; 
    console.log(data) 
    }, 
    error:function(data){ 
     //alert("unsuccessfull"); 
     }, 
    dataType:"json", 
    contentType:"application/json", 
}); 



    }]);

這是我的html：

<div ng-app="app" ng-controller="SearchBusController"> 
    <table class="table1" cellspacing="0px" border="1" width="60%;" style="background:white;"> 
    <tr ng-repeat="business in BusinessList"> 
    <td width="13%"> 
    <img src="images/welcome.jpg" style= "width:100%;" align="left"> 
    </td> 
    <td colspan="2"> 
    <a href=""> 
    <p><span><h3 style="color:white;">{{business.BusinessDTO.company_name}}</h3></p></span></a> 
    <a href=""> 
    <p><span><h3>{{business.BusinessDTO.address}}</h3></p></span></a> 
    </td> 
    </tr> 
<table> 
</div>

我越來越名單$ scope.BusinessList這是

{"businessList":[{"BusinessDTO":{"businessId":1,"company_name":"Zafin","about_company":"asdasd"}},{"BusinessDTO":{"businessId":2,"company_name":"aaa","about_company":"hgfh"}}]}

任何幫助？

來源

2017-04-04 Urkilashi

使用'$ http'服務，使API調用，而不是'$ .ajax'，它會幫助你通過運行摘要保持UI同步週期。 –

是的，使用$ http而不是$ ajax，因爲當你使用$ ajax時，變化發生在角度範圍之外，一種醜陋的方式就是調用$ scope。$ apply（）;在$ scope.BusinessList = data後的成功回調裏面。手動啓動應用但建議您使用$ http –

但我需要$ .ajax – Urkilashi

您可以嘗試在$scope.BusinessList=data之後添加$scope.$apply()。

另請檢查您的json對象。你的json不是數組。所以你不能使用ng-repeat。它必須是BusinessList.businessList。

{ 
     "businessList": [{ 
      "BusinessDTO": { 
       "businessId": 1, 
       "company_name": "Zafin", 
       "about_company": "asdasd" 
      } 
     }, { 
      "BusinessDTO": { 
       "businessId": 2, 
       "company_name": "aaa", 
       "about_company": "hgfh" 
      } 
     }] 
    }

來源

2017-04-04 05:44:09

只需嘗試更新您的列表分配如下。

更換以下

$scope.BusinessList=data;

隨着

$scope.BusinessList=data.businessList;

來源

2017-04-04 05:59:25

數據沒有顯示，而使用angularjs自動創建行

回答

相關問題