how to use jQuery plugin (semantic-ui) in angularJS directive?-open source projects Semantic-Org/Semantic-UI

I use semantic-ui in my project, the pulgin is checkbox someone say if use jQ plugin, you must use it in angular directive

But It doesn’t work

the checkbox of semantic-ui setting in semantic-ui API document, you must set this to init checkbox

$('.ui.checkbox').checkbox();

I try to change it to angular like this:

app.html

and this is directive in angular js-file

todoApp.directive('todoCheckbox', function() {
  return {
    restrict: 'A',
    link: function(scope, elem, attrs) {
      $(elem).checkbox();
    }
  };
});

but it doesn’t work in my project why?