Question

我正在开发一个Ionic框架中的应用程序，它显示从设备到最终用户的所有联系人，并提供选择联系人的选项。我正在使用ngCordova的$ cordovaContacts模块来获取联系人。

这是从设备获取联系人的服务代码。

angular.module('starter.services').factory('ContactManager', function($cordovaContacts, $ionicLoading){
  return {
    getContacts: function() {
      $ionicLoading.show({ template: "<div class='ion-ios7-reloading'></div>"});
      var options = {};
      options.filter = "";
      options.multiple = true;
      options.fields = ['displayName', 'name', 'phoneNumbers', 'emails'];
      //get the phone contacts
      return $cordovaContacts.find(options);
    }
  }
});

下面是控制器代码，它将联系人分配给$ scope.contacts变量

angular.module('starter.ctrls').controller('ShareCtrl', function($scope, ContactManager, $stateParams) {

  $scope.contacts = [];

  ContactManager.getContacts().then(function(_result){
    alert("CONTACTS FETCHED: Now rendering in Template");
    $scope.contacts = _result;
   }, function(_error){
    alert("Error: " + _error);
  });

});

适用于100-400个联系人。但对于具有大约1000个联系人的设备，从插件中获取联系人需要花费大量时间（控制器中的CONTACTS FETCHED警报在2-3分钟后显示）。从插件中获取联系人之后，再次花费2-3分钟在UI中进行渲染（使用ng-repeat），并且大多数时间应用程序都会挂起。

我在获取联系人时也搜索了分页，但在ngCordova文档中找不到任何选项以页面方式获取联系人。
截至目前，我正在测试Android，如果联系人数量大约为1000，应用程序就会挂起如何改善其性能？我是角和离子的新手。

Answer 1

我建议不要在一次性显示100个联系人中加载100-400个联系人，因为用户向下滚动可以加载下100个联系人。要实现此目的，您可以使用此插件。 http://binarymuse.github.io/ngInfiniteScroll/

如果他们在只读联系人中，您可以使用“BindOnce”插件，这将改善范围绑定一次并保持浏览器的亮度。 https://github.com/Pasvaz/bindonce

希望这有帮助。

使用AngularJS中的ngCordova检索超过1000个联系人

1 个答案: