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