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

  • Boiler Room

    Boiler Room

    10 Mayıs 2012
  • footiecyclo

    footiecyclo

    26 EYLÜL 2009
  • Numberphile

    Numberphile

    15 EYLÜL 2011