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

  • chrmoe

    chrmoe

    7 Kasım 2006
  • Mr. H

    Mr. H

    1 Temmuz 2012
  • Paulo Bautista

    Paulo Bautis

    21 Aralık 2008