SORU
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()
        }
    };
});

fiddle

Ö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ş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Ionized Digital Air Studios

    Ionized Digi

    20 HAZİRAN 2009
  • failblog

    failblog

    17 HAZİRAN 2008
  • Matt Steffanina

    Matt Steffan

    1 EYLÜL 2011