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

  • Hey Nadine

    Hey Nadine

    24 Kasım 2006
  • Ownage Pranks

    Ownage Prank

    13 AĞUSTOS 2007
  • The Verge

    The Verge

    8 AĞUSTOS 2006