Я пытаюсь вытащить контент с моего сайта через JSON. Я успешно вызвал его, и даже теги отображаются правильно. Единственная проблема, с которой я столкнулся, - это список не отображается.
Вот как выглядит мой код:
module.controller('FiveReasons', function($scope, $http, $rootScope, $sce) {
ons.ready(function() {
console.log("Inside 5 Reasons");
//$scope.spinner = true;
var reasonsListing = $http.get("http://vbought.com/design_14/index.php/design_ci/post/Clients");
reasonsListing.success(function(data, status, headers, config) {
console.log(data[0].post_title);
$scope.reasonsLists = data;
$scope.spinner = false;
});
reasonsListing.error(function(data, status, headers, config) {
alert("Can Not load the address Ajax");
});
});
});
Я чувствую, что список нужно обновлять после завершения ng-repeat. Но я не уверен, как это сделать в Angular.
Вот как я это назвал.
<ons-carousel swipeable overscrollable auto-scroll fullscreen var="carousel" name="FiveRes" class="FiveRes">
<ons-carousel-item style="background: #09a4c0;" ng-repeat="reasonsList in reasonsLists" bn-log-dom-creation="with">
<div class="item-label">Number</div>
</ons-carousel-item>
<ons-carousel-cover></ons-carousel-cover>
</ons-carousel>
Я не могу комментировать оригинальные сообщения, поэтому я просто сделаю это здесь. Как выглядят reasonsLists
? Ваша карусель отображает что-нибудь вообще (глядя на ваш код, он должен отображать "Number"
столько раз, сколько длина reasonsLists
)?
В противном случае, если вы хотите отобразить, например, post_title
для каждой записи в reasonsLists
вместо Number
, а затем заменить:
<div class="item-label">Number</div>
от:
<div class="item-label">{{reasonsList.post_title}}</div>