Meteor + angular + ionic を使用して構築されたモバイル アプリケーションに奇妙な問題があります。
タブの 1 つで、呼び出されたコレクションをサブスクライブし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' );
}]
}
} )
問題は、アプリケーションを開くと、10 回中 8 回近く、リストの html 要素がレンダリングされますが、name
添付の図のように他のすべての連絡先の詳細が空であることです。これは単なるリスト項目ですが、連絡先自体は定義されていません:
空のアイテムの数は連絡先の数と一致しますが、そのリスト内の各連絡先は null、未定義です。正しくレンダリングするためにあらゆる可能なトリックを試しましたが、失敗しました。表示される連絡先の数は 90 であるため、大きなリストではありません。
Chrome USB インスペクターを使用してアプリのページを更新すると、正しくレンダリングされます。私は何が欠けていますか?