मैंने एक सरल निर्देश बनाया है लेकिन फिलहाल मेरे पास कोई गुंजाइश सेट नहीं है। हालांकि मैं निर्देश को अलग-अलग दायरे का उपयोग करना चाहता हूं ताकि मैं इसे आसानी से पुन: उपयोग कर सकूं।
यह मेरा एचटीएमएल है और निर्देश "चयन समय" कहा जाता है:
<div class="menuHour after" select-time><div class="menuHour-panel before"><span class="menuHour-panel-title" ng-click="changeToBefore()">Before 12h</span></div>
मैंने उदाहरण को छोटा रखा है, इसलिए केवल एक चीज जो यह कर रही है वह कक्षा "मेनू" के बाद "मेनू" पहले "बदल रही है।
यह एक विधि के साथ कर रहा है "परिवर्तन से पहले ()"।
यह मेरा निर्देश है:
angular.module("tiki").directive("selectTime", function(newTiki){
return {
restrict:"A",
controller:function($scope, $element, $attrs){
$scope.changeToBefore = function(){
var menuHour = document.querySelector(".menuHour")
menuHour.classList.remove("after")
menuHour.classList.add("before")
}
}
}
})
मैं इसे एक अलग दायरे निर्देश में कैसे बदल सकता हूं?
धन्यवाद,
उत्तर:
उत्तर № 1 के लिए 1आप एक परिभाषित कर सकते हैं अलग गुंजाइश साथ में scope: {}:
मैं तत्व को फिर से प्राप्त करने के बजाय $ तत्व का भी उपयोग करूंगा!
angular.module("tiki").directive("selectTime", function(newTiki){
return {
restrict:"A",
scope: {},
templateUrl: "/path/to/directive.html",
controller:function($scope, $element, $attrs){
$scope.changeToBefore = function(){
$element.removeClass("after")
$element.addClass("before")
}
}
}
})