离子有时不显示列表项

Question

使用Meteor + angular + ionic构建的移动应用程序存在一个奇怪的问题。

在其中一个标签上，我订阅了名为Contacts的集合，并在ionic列表中显示了联系人列表：

<ion-list>
    <ion-item ng-repeat="contact in contacts" type="item-text-wrap">
        <strong>{{contact.name}}</strong>
    </ion-item>
</ion-list>

以下是此标签控制器中的内容：

$scope.contacts = $meteor.collection( Contacts );

以下是router设置中的内容：

...
} ).state( 'tab.contacts', {
    url    : '/contacts',
    views  : {
        'tab-contacts': {
            templateUrl: 'templates/contacts/list.ng.html',
            controller : 'ContactsCtrl'
        }
    },
    resolve: {
        contacts: ['$meteor', function ( $meteor ) {
            return $meteor.subscribe( 'contacts' );
        }]
    }
} )

问题在于，当我打开我的应用程序时，几乎有8次，当我打开我的应用程序时，列表html元素被呈现，但name和其他所有联系人详细信息都是空的，如附图所示。它只是一个列表项，但联系人本身是未定义的：

空项的数量与联系人数相匹配，但该列表中的每个联系人都为null，未定义。我尝试了所有可能的技巧，使其正确渲染，但失败了。正在呈现的联系人数量是90，因此它根本不是一个大的列表。

如果我使用chrome usb检查器刷新我的应用页面，则会正确呈现。我错过了什么？

Answer 1

试试这个：

resolve: {
    "contacts": ['$meteor', function ( $meteor ) {
        $meteor.subscribe( 'contacts' ).then(function(subscriptionHandle){
            return $meteor.collection( Contacts );
        })
    }]
}

现在控制器中你不需要这个$scope.contacts = $meteor.collection( Contacts );控制器需要看起来像这样：app.controller( "myCtrl", function( $scope, contacts ) { code... }

$ scope.contacts会像这样返回集合。

希望它有效。