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

  • graham025

    graham025

    25 NİSAN 2006
  • Michael Neal

    Michael Neal

    2 Mayıs 2009
  • Sergio Lafuente Rubio

    Sergio Lafue

    11 Aralık 2008