У меня странная проблема с мобильным приложением, созданным с использованием Meteor + angular + ionic.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 раз из 10, когда я открываю приложение, отображаются элементы html списка, но name
и любые другие контактные данные пустые, как на прилагаемом рисунке. Это просто элемент списка, но сам контакт не определен:
Количество пустых элементов совпадает с числом контактов, но каждый контакт в этом списке является недействительным, не определено. Я пробовал всевозможные трюки, чтобы сделать это правильно, и это не удалось. Количество отображаемых контактов составляет 90, поэтому он не является большим списком.
Если я обновляю страницу своего приложения, используя инспектор chrome usb, он отображает правильно. Что мне не хватает?
'$ scope.contacts' не определено, если я удалю это из своего контроллера. –
Контакты: под разрешением должно быть «контакты»:/Я сделал редактирование. Также ваш контроллер должен выглядеть так: «myCtrl», функция ($ scope, contacts) { ... код } – nikitz
Работает ли он сейчас? – nikitz