javascript - 通过 $http 检索数组并在 ion-list 的 ion-item 中查看

Question

如标题所述，我正在尝试从 $http 请求分配一个列表，然后在 View 中查看该列表。

我认为问题是 View 在数据加载之前显示，如果我理解正确的话。当变量改变时， View 永远不会更新。

有人告诉我 resolves 是解决这个问题的一种方法，但我更喜欢更改 View ，然后在等待 http 请求完成时显示加载指示器，然后显示列表。

谢谢!

编辑:我想我需要添加我加载数据的方式是通过 html 文件中的 ng-init，这似乎也是错误的。有没有更好的方法？

查看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 片段:

.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}]

}

})

列表实际上是在返回 promise 的 http 请求中获得的，但这给了我同样的问题。这是一些令人讨厌的基础知识，我只是还不了解 ionic

Answer 1

Dinesh 回答了我的问题。将 ng-controller 放在 ion-view 中就是我需要做的一切!