0
沒有顯示我有I檢查樣式複選框集成到我的angularjs.I've列入directive.js下面的代碼I檢查複選框在angularjs
/**
* icheck - Directive for custom checkbox icheck
*/
function icheck($timeout) {
return {
restrict: 'A',
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_square-green',
radioClass: 'iradio_square-green'
}).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);
});
}
});
});
}
};
}
並列入config.js狀態
.state('user.calendar', {
url: "/user/profile",
templateUrl: "views/user/education1.html",
data: { pageTitle: 'Advanced form' },
resolve: {
loadPlugin: function ($ocLazyLoad) {
return $ocLazyLoad.load([
{
files: ['css/plugins/iCheck/custom.css','js/plugins/iCheck/icheck.min.js']
},
{
name: 'datePicker',
files: ['/css/plugins/datapicker/angular-datapicker.css','js/plugins/datapicker/angular-datepicker.js']
},
{
serie: true,
files: ['/js/plugins/moment/moment.min.js', 'js/plugins/daterangepicker/daterangepicker.js', 'css/plugins/daterangepicker/daterangepicker-bs3.css']
},
{
name: 'daterangepicker',
files: ['/js/plugins/daterangepicker/angular-daterangepicker.js']
}
]);
}
}
})
我在頭文件中添加了css和js源路徑。 但仍然在我的代碼中使用的複選框顯示爲普通的html複選框。
<div class="form-group"><label class="col-sm-8"><h3>What is this?</h3></label>
<br/>
<div class="col-sm-12">
<div class="col-sm-10 col-sm-offset-1">
<div><label> <input icheck type="checkbox" ng-model="main.checkk">A </label></div>
<div><label> <input icheck type="checkbox" ng-model="main.checkl">B </label></div>
<div><label> <input icheck type="checkbox" ng-model="main.checkm">C </label></div>
<div><label> <input icheck type="checkbox" ng-model="main.checkn">D</label></div>
</div>
</div>
</div>
css和js沒有被應用到複選框。它在我下載的模板中運行良好。可能是什麼問題?我哪裏做錯了?