icheck

Integration of Angular and JQuery.iCheck by using a directive is not working

拟墨画扇 提交于 2019-11-29 06:25:27
问题 I'm trying to integrate JQuery.iCheck (plugin for checkbox&Radio buttons styling). I followed few suggestions here that said that the way to integrate a jQuery plugins to be fully compatible with Angular ngRepeat is by using directives . So I implemented a directive : webApp.directive('icheck', function($timeout, $parse) { return { link: function($scope, element, $attrs) { return $timeout(function() { var ngModelGetter, value; ngModelGetter = $parse($attrs['ngModel']); value = $parse($attrs[

How to change size of checkbox and add border radius of icheck plugin?

北城余情 提交于 2019-11-26 22:11:12
问题 I am using icheck in my project. I want to change the size of the checkbox and add border-radius to checkbox. I tried many examples. My code is: <html> <head> <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.rawgit.com/bantikyan/icheck-bootstrap/master/icheck-bootstrap.min.css" rel="stylesheet"> <style> .c-radius{ border-radius:5px; } </style> </head> <body> <div class="checkbox icheck-primary"> <input