Question

我正在尝试在智能手机上显示我的联系人列表。我可以实现这一点，但要求列表显示的唯一方法是使用ng-click调用findcontact（）函数。

我试图从控制器中调用findcontact（）函数，但没有运气。

如何在不点击此按钮的情况下显示此列表？

首先是javascript，然后是HTML。

angular.module('starter.controllers', [])

.controller('contacts2', ['$scope', 'PhoneContactsFactory', function($scope, PhoneContactsFactory) {
    
	$scope.findContact = function()
    {
        PhoneContactsFactory.find().then(function(contacts)
        {
            $arr = [];
            for (var i = 0; i < contacts.length; i++)
            {
				$arr.push({name: contacts[i].name.formatted})
			}
            $scope.contacts = $arr;
        });
		
    };
}])

.factory("PhoneContactsFactory", ['$q', function($q)
{
    return {
        find: function()
        {
            var deferred = $q.defer(); // asynchronous
            var options = new ContactFindOptions();
            options.multiple = true;
            var fields = ["displayName", "name"];
            
            navigator.contacts.find(fields, 
				function(contacts){ deferred.resolve(contacts); }, //onsuccess
				function(error){ deferred.reject(error); }, // onerror
				options);
            return deferred.promise;
        }
	};
}]);

<div ng-controller="contacts2">
    <button ng-click="findContact()">Push 2</button>
	<ion-list>
	    <ion-item ng-repeat="contact in contacts">
	      {{contact.name}}
	    </ion-item>
	  </ion-list>
	</div>

非常感谢！

YTS

Answer 1

最后一个简单的解决方案来自对#ionic irc chan的讨论。问题是竞争条件。由于联系人列表仅在cordova重新加载页面时显示，我认为问题可能与第一次加载时未准备好的插件有关。

所以我用$ ionicPlatform.ready（function（））更新了我的控制器代码，它现在运行得很好。

最新代码在这里：https://github.com/lennycartier/ionic-contactlist

关于这个（简单）问题的一篇非常有趣的文章，请参阅raymondcamden.com博客。

我的小文章：http://www.datanotes.org/13-ionic-framework-and-deviceready

YTS

使用Ionic + Cordova + AngularJS显示联系人列表，而不使用ng-click

1 个答案: