angularJS yönergesinde jQuery eklentisi (semantik-ui) nasıl kullanılır? Projemde semantik-ui kullanmak

Question

, pulgin kullanımı jQ eklentisi, sen açısal direktifi
kullanmak gerekiyorsa onay kutusu
birisi demek ama

semantik-ui ayarının onay kutusu çalışmıyor semantik-ui API belgede, bu onay kutusunu böyle açısal olarak değiştirmek için denemek

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

init ayarlı gerekir:

app.html

<div class="ui animate list"> 
    <div class="item ui toggle checkbox" todo-checkbox ng-repeat="item in day track by $index"> 
    <input type="checkbox"> 
    <label ng-bind="item.content"></label> 
    </div> 
</div> 

ve bu angularjs dosyanın

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

yönergesini ama benim projede çalışmıyor olduğunu. Niye ya?

Answer 1

Civcivsiniz. elem, yönerge unsurudur. bize elem içinde giriş alanını bulmaya yardımcı olmak için find kullanıyorsanız bu durumda, Şimdi

<div class="item ui toggle checkbox" todo-checkbox ng-repeat="item in day track by $index"> 
    <input type="checkbox"> 
    <label ng-bind="item.content"></label> 
</div> 

olduğunu, o zaman giriş alanını seçin ve checkbox yöntemi çalıştırabilirsiniz.

todoApp.directive('todoCheckbox', function() { 
    return { 
    restrict: 'A', 
    link: function(scope, elem, attrs) { 
     angular.forEach(elem.find("input"), function(inputField) { 
     inputField.checkbox(); 
     } 
    } 
    }; 
}); 

Answer 2

Biraz geç partiye ama sadece (semantik ui belirli özelliklere sahip aynı) todo-checkbox-input etiketi taşımak gerekir

Answer 3

deneyin

angular.element(elem).checkbox(); 

yerine

$(elem).checkbox();