angular js ng-repeat不适用于猫头鹰轮播

Question

我正在Angular网站的新闻更新部分中工作，在这里我想显示有关owl carousel的最新新闻更新，但是ng-repeat什么也不显示。 json数据显示在控制台中，但不在前面。

我的代码如下：

<div id="owl-news" ng-controller="newsController" data-ng-init="news()">

    <div class="item" ng-repeat="news in allData">
        <div class="news-1">

          <div class="body">

            <p>{{ news.news}}</p>
            <div class="title">{{news.news_date}}</div>

          </div>
        </div>
    </div>

</div>

角度代码：

app.controller("newsController",function($http,$scope,$log){
 var news=function(){
     $http({
           method:"POST",
           url:"getNews.php",
           dataType:"json"
           }).then(function(data){
               $log.log(data);
               $scope.allData=data;
               },function(data){
                   $log.log("Error has occured!.");
               });
     }; news();

        });   

Answer 1

我在JSFiddle中对其进行了测试： https ：//jsfiddle.net/smoki99/rqwz6mno/12/

经过大量测试：

$ scope.allData正确的返回值。 通常，“数据”包含一个附加的数据字段。 不幸的是，我不知道您的确切“ JSON”返回是什么样子，但是它以此为源（ http://www.dysartpharmacy.com/index.php/site_search/get/news ）

所以我认为您必须将行更改为

$scope.allData = data.data;

这是我完整的示例：

<div ng-app="myApp" ng-controller="newsController">
  <div class="item" ng-repeat="news in allData">
    <div class="news-1">
      <div class="body">
        <p>{{ news.news}}</p>
        <div class="title">{{news.news_date}}</div>
      </div>
    </div>
  </div>
</div>

和JS代码：

// the main (app) module
var app = angular.module("myApp", []);

// add a controller
app.controller("newsController",function($http,$scope,$log, $httpParamSerializerJQLike){
    var returnData = '[{"news":"news1","news_date":"2017-09-14"},          {"news":"news2","news_date":"2017-09-14"}]';

    var data = $httpParamSerializerJQLike({
        json: returnData
    });

    var news = function() {
      $http({
            method: "POST",
          url: "/echo/json/",
          datatype: "json",
          data: data
          }, data).then(function (data) {
          debugger;
            $log.log(data);
                $scope.allData = data.data;
            },function(data) {
            $log.log("Error has occured!");
          });
    };       
    news();

});