Question

就像标题所说，我正在尝试从$ http请求中分配一个列表，然后在视图中查看该列表。

我认为问题是在数据加载之前显示视图，如果我正确理解离子。当变量发生变化时，视图永远不会更新。

我被告知解决方法是修复此问题的一种方法，但我更喜欢视图更改，然后在等待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('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请求中获得但这给了我同样的问题。这是令人讨厌的基本问题，我只是不了解离子

Answer 1

Dinesh回答了我的问题。将ng-controller放在离子视图中就是我需要做的一切！

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

1 个答案: