[操作疑難] cordova plugin callback 係咪唔可以用angularjs assign value？

本帖最後由 gamezz 於 2015-9-11 12:54 編輯

cordova v4 裝左這個plugin:
https://github.com/vkeepe/card.io

scan完張卡，會比返 card number我,
angularjs assign 唔倒個value落去 (frontend no update)，
但jquery又得...

<input type="tel" placeholder="•••• •••• •••• ••••" class="cc-number" data-clear-btn="true" id="card_no" ng-model="payment.card_no" autocomplete="cc-number">
<div ng-show="canScan">
<a href="#" id="plan_scancard_btn" ng-click="scanCard();" style="color:#000; text-decoration:none; display:block">
<i style="font-size:1.2em" class="fae-scan"></i><div style="font-size:0.8em; line-height:1em;" data-t="scan"></div>
</a>
</div>

複製代碼

ang.controller('PlanController', function($scope, $http) {
$scope.canScan = false;
$scope.payment = {
card_no: ""
,exp_mm: ""
,exp_yy: ""
,cvv: ""
};
CardIO.canScan($scope.onCardIOCheck);
$scope.scanCard = function() {
CardIO.scan({
"expiry": true,
"cvv": true,
"zip": false,
"suppressManual": false,
"suppressConfirm": false,
"hideLogo": true
},
$scope.onCardIOComplete,
$scope.onCardIOCancel
);
}
$scope.onCardIOCheck = function(canScan) {
$scope.canScan = true;
}
$scope.onCardIOCancel = function() {
//alert("card.io scan cancelled");
}
$scope.onCardIOComplete = function(response) {
//alert("card.io scan complete");
//not work
$scope.payment.card_no = response["redacted_card_number"];
//work
$("#card_no").val( response["redacted_card_number"] );
}
});

複製代碼

cyrilhl

中級會員

Rank: 2 Rank: 2

2^#

發表於 2015-9-11 14:55 | 只看該作者

因為plugin callback原本唔係angular $scope裏面，所以唔識得叫 angular 個scope digest返個新value
你要用$scope.$apply 包返住你assign value 入 $scope果句

detail 你睇人地講得清楚d http://jimhoskins.com/2012/12/17/angularjs-and-apply.html

$scope.onCardIOComplete = function(response) {
$scope.$apply(function() {
$scope.payment.card_no = response["redacted_card_number"];
});
}

TOP

gamezz