ng-repeat删除离子卡

时间:2016-01-06 10:29:47

标签: angularjs ionic-framework ionic

我有一个包含两列的表: Title & 内容我希望使用卡片组件在我的Ionic应用程序中显示。我的问题是在添加ng-repeat卡时消失了吗?我不完全确定会发生什么,但没有任何迹象或错误。

Dashboard.html

  <ion-view view-title="Dashboard" hide-back-button="true">
   <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
        </button>
      </ion-nav-buttons>
  <ion-content ng-controller="dashCtrl">      
 <div ng-repeat="val in districts">
 <div class="card">
             <div class="item item-divider">
                 I'm a Header in a Card!
             </div>
            <div class="item item-text-wrap">
                APP{{val}}
            </div>
        </div>
     </div>   
  </ion-content>
</ion-view>

Controller.js

  $scope.selectedDist=  function(data) {
              console.log(data);

                 $http.get("http://localhost:53101/TruckService.svc/getFeed")
              .success(function(data) {

              var obj = data;
              var ar = [];
              angular.forEach(obj, function(index, element) {

              angular.forEach(index, function(indexN, elementN) {

                  console.log("========"+indexN.feedID);

                 ar.push({feedID: indexN.feedID, title: indexN.title, body: indexN.body});


                  $scope.districts = ar;
              }); 
              });


            })

          .error(function(data) {
              console.log("failure");
              })    

1 个答案:

答案 0 :(得分:0)

建立工厂

.factory('YourStuff', function ($http) {
  return {
    get: function () {
        return $http.get('http://watevs')
    }
  };
})

修改控制器

.controller('YourCtrl', function ($scope, YourStuff) {
  YourStuff.get().success(function (response) {
    $scope.districts = response;
  })
})

这应该将您的区域设置为$ scope。然后你可以用ng-repeat循环遍历它们。

注意

调试以查看数组是否包含console.log(response);console.log(response[0]);