ng-repeat 删除离子卡

Question

我有一个包含两列的 table：Title & Content 我想在我的 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");
              })

Answer 1

建立工厂

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

Mod 你的控制器

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

这应该将您的选区设置为 $scope。然后你可以用 ng-repeat.

循环遍历它们

备注

调试看看数组是否带有console.log(response);和console.log(response[0]);

ng-repeat 删除离子卡

ng-repeat removes ionic card

angularjs

ionic-framework

ionic

建立工厂

Mod 你的控制器

备注