带AngularJS和RequireJS的iCheck
我环顾了一下stackoverflow,也阅读了一些文章,但仍然没有成功。我试图在我的AngularJS web应用程序中使用iCheck,但我仍然只看到常规复选框。我还使用require.js。你有什么办法让它工作吗 谢谢 HTML:带AngularJS和RequireJS的iCheck,angularjs,requirejs,icheck,Angularjs,Requirejs,Icheck,我环顾了一下stackoverflow,也阅读了一些文章,但仍然没有成功。我试图在我的AngularJS web应用程序中使用iCheck,但我仍然只看到常规复选框。我还使用require.js。你有什么办法让它工作吗 谢谢 HTML: 仔细检查是否正在主html文件中加载iCheck组件: 检查是否正在导入主角度模块 ui.check 像 你解决了你的问题吗?我从来没有解决过我的问题,但是我选择使用我自己的CSS样式作为复选框和单选按钮,而不是iCheck。 (function ()
仔细检查是否正在主html文件中加载iCheck组件:
检查是否正在导入主角度模块
ui.check
像
你解决了你的问题吗?我从来没有解决过我的问题,但是我选择使用我自己的CSS样式作为复选框和单选按钮,而不是iCheck。
(function () {
/**
* Create a new module for icheck so that it can be injected into an existing
* angular program easily.
*/
angular.module('ui.check', [])
.directive('icheck', function ($timeout, $parse) {
return {
require: 'ngModel',
link: function ($scope, element, $attrs, ngModel) {
return $timeout(function () {
var value;
value = $attrs['value'];
$scope.$watch($attrs['ngModel'], function (newValue) {
$(element).iCheck('update');
});
return $(element).iCheck({
checkboxClass: 'icheckbox_flat-blue',
radioClass: 'iradio_flat-blue'
}).on('ifChanged', function (event) {
if ($(element).attr('type') === 'checkbox' && $attrs['ngModel']) {
$scope.$apply(function () {
return ngModel.$setViewValue(event.target.checked);
});
}
if ($(element).attr('type') === 'radio' && $attrs['ngModel']) {
return $scope.$apply(function () {
return ngModel.$setViewValue(value);
});
}
});
});
}
};
});
})();
ui.check
angular.module("myApp",['ui.check'])