标签可用时不显示ng-repeat动态数据

时间:2015-08-20 13:24:44

标签: javascript jquery angularjs

我正试图通过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>

1 个答案:

答案 0 :(得分:0)

我无法对原帖发表评论,所以我只是在这里做。 reasonsLists看起来像什么?您的轮播是否显示任何内容(查看您的代码,它应显示"Number"reasonsLists的长度一样多的次数?

否则,如果您想要显示post_titlereasonsLists而不是Number中每个条目的<div class="item-label">Number</div>,请替换:

&#13;
&#13;
<div class="item-label">{{reasonsList.post_title}}</div>
&#13;
&#13;
&#13;

由:

&#13;
&#13;
{{1}}
&#13;
&#13;
&#13;