私は角度のあるウェブサイトのニュースアップデートセクションで作業しています。ここでは、フクロウカルーセルで最新のニュースアップデートを表示したいのですが、ng-repeatは何も表示しません。 jsonデータがコンソールに表示されていますが、前面に表示されていません。次のように角度js ng-repeatは、フクロウカルーセルと連携していません
私のコードは次のとおりです。
<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();
});
感謝。あなたのコードはうまくいきますが、フクロウカルーセルはいくつかの問題を引き起こします。すべてのデータを1つのスライドに入れます。 any suggesssion –
これは次のような場合です:https://owlcarousel2.github.io/OwlCarousel2/docs/api-classes.html divsを再配置して正しい "class" –