Wednesday, 15 February 2012

angularjs - How to fill "ion-checkbox ng-repeat" at the time of page load -



angularjs - How to fill "ion-checkbox ng-repeat" at the time of page load -

what need do? trying load "ion-checkbox ng-repeat" "ondeviceready" automatically @ time of page load. below html code.

<ion-checkbox ng-repeat="item in devlist" ng-model="item.checked" ng-checked="item.checked"> {{ item.text }} </ion-checkbox>

but "ion-checkbox ng-repeat" getting loaded when click event triggered. below angular-js code needs triggered automaticlly @ time of page load.

problem: info "ion-checkbox ng-repeat" not getting filled @ time of page load. can help solve issue.

angular.module('app', ['ionic']) .controller('appctrl', function($scope) { $scope.devlist = []; window.addeventlistener("deviceready", ondeviceready, true); function ondeviceready() { var options = new contactfindoptions(); options.filter = ""; // empty search string returns contacts options.multiple = true; // homecoming multiple results filter = ["*"]; // homecoming contact.displayname field //document.getelementbyid("lan").innerhtml = lan; // find contacts navigator.contacts.find(filter, onsuccess, onerror, options); } function onsuccess(contacts) { (var = 0; < contacts.length; i++) { $scope.devlist[i] = {text:""+contacts[i].name.formatted, emails:{email:""+contacts[i].emails[0].value,checked:false}, phno:{phone:""+contacts[i].phonenumbers[0].value,checked:false},addres:{address: contacts[i].addresses||[],checked:false},checked: false}; $scope.emails[i] = {email:""+contacts[i].emails[0].value+""}; } } function onerror(contacterror) { alert('onerror!'); } }

you need phone call $apply if outside of angular context

function onsuccess(contacts) { (var = 0; < contacts.length; i++) { $scope.devlist[i] = {text:""+contacts[i].name.formatted, emails:{email:""+contacts[i].emails[0].value,checked:false}, phno:{phone:""+contacts[i].phonenumbers[0].value,checked:false},addres:{address: contacts[i].addresses||[],checked:false},checked: false}; $scope.emails[i] = {email:""+contacts[i].emails[0].value+""}; $scope.$apply(); } }

angularjs cordova angularjs-ng-repeat ionic-framework

No comments:

Post a Comment