在$ http上檢索數組並在離子列表的離子項中查看

就像標題所說的，我試圖從$ http請求中分配一個列表，然後在視圖中看到該列表。

我相信問題是數據加載之前顯示的視圖，如果我正確地理解離子。當變量變化時，視圖從不更新。

我被告知resolves是解決這個問題的一種方法，但我更願意視圖改變，然後在等待http請求完成時顯示加載指示符，然後顯示列表。

謝謝！

編輯：我想我需要添加我加載數據的方式是通過ng-init在html文件中，這似乎也是錯誤的。完全有更好的方法嗎？

查看HTML文件：

<ion-view view-title={{ListName}} ng-init="getList()"> 
    <ion-content ng-controller="ListCtrl"> 
     <ion-list> 
      <ion-item ng-repeat="item in list" 
         class="item-thumbnail-left"> 

       {{item.id}} 
       <img ng-src="{{item.thumbnail}}"> 
      </ion-item> 
     </ion-list> 
    </ion-content> 
</ion-view>

控制器片斷：

.controller('ListCtrl', function($scope){ 
    $scope.list = [] 
    $scope.ListName = '' 


    $scope.getList = function(){ 
    $scope.ListName = 'list' 

    $scope.list = [{id: 1, thumbnail:null}, {id: 2, thumbnail:null},{id: 3, thumbnail:null} ,{id: 4, thumbnail:null}] 

} 

})

列表中返回的希望，但是這給了我同樣的問題，一個http請求實際上得到。這是令人討厭的基本，我只是不瞭解離子，但

來源

2015-06-18 Drew

你可以添加一個plnkr或小提琴，以便可以查看代碼 – Dinesh

我添加了一些代碼供您查看。謝謝！ – Drew

離子視圖如何找到'getList（）'？ – Dinesh

Dinesh回答了我的問題。把ng-controller放在離子視圖中是我所需要做的！

來源

2015-06-18 12:40:14 Drew

在$ http上檢索數組並在離子列表的離子項中查看

回答

相關問題