これをangularjsで使用しようとしていて、ディレクティブに入れています。私が遭遇した問題は、チェックボックスがデフォルトでチェックされているときに「ダブルクリック」する必要があることです。これは、ディレクティブの外部でネイティブに使用された場合には発生しないため、ディレクティブで何か間違ったことをしていると想定しています。
これが私が持っているコードです。ディレクティブの場違いまたは欠落しているものはありますか?
angular.module('directives', []).directive('ccCheckbox', function () {
'use strict';
return {
require: '?ngModel',
restrict:'A',
link: function ($scope, elm, attrs, controller) {
elm.iphoneStyle({
checkedLabel : attrs.ccCheckboxChecked,
uncheckedLabel : attrs.ccCheckboxUnChecked,
onChange: function(elem, value) {
controller.$setViewValue(value);
$scope.$apply();
}
});
}
};
});
ありがとう!
編集:
これは私が使用しているマークアップです:
<input type="checkbox" value="1" ng-model="users.online" cc-checkbox cc-checkbox-checked="Online" cc-checkbox-unchecked="Offline" checked="checked">