14 Mayıs 2013, Salı
Nasıl Angular.js öznitelik bir Direktif içine birden fazla öznitelik geçtim mi?
Aşağıdaki gibi bir öznitelik Direktifi sınırlı var
restrict: "A"
İki özellik; bir numarası ve geri arama/bir işlevi geçirmek için Direktif attrs
nesne kullanarak içinde bilgiye ihtiyacım var.
Eğer yönergesi öğesi yönergesi, "E"
ile sınırlı olsaydı bunu yapabilirdim:
<example-directive example-number="99" example-function="exampleCallback()">
Ancak, sebep için girmeyeceğim yönergesi öznitelik bir yönerge olması lazım.
Nasıl bir öznitelik Direktifi içine birden fazla öznitelik geçtim mi?
CEVAP
14 Mayıs 2013, Salı
Direktif, eğer yönergesi kendisi unsurdur bile aynı eleman üzerinde tanımlanan, herhangi bir öznitelik erişebilirsiniz.
Şablon:
<div example-directive example-number="99" example-function="exampleCallback()"></div>
Yönerge:
app.directive('exampleDirective ', function () {
return {
restrict: 'A', // 'A' is the default, so you could remove this line
scope: {
callback : '&exampleFunction',
},
link: function (scope, element, attrs) {
var num = scope.$eval(attrs.exampleNumber);
console.log('number=',num);
scope.callback(); // calls exampleCallback()
}
};
});
Öznitelik değeri ise example-number
kodlanmış, bir zamanlar $eval kullanmanızı öneririm, ve değeri saklamak. num
değişken olacak doğru tip (sayı).
Bunu Paylaş:
Nasıl "yinelenen OLMADAN birden f...
Nasıl powershell'de bir fonksiyonu bir...
Nasıl birden fazla satır içine daha fa...
VİM, nasıl birden fazla satır içine ço...
Nasıl birden fazla sınıflar ile bir öğ...