jQuery like Angular.js directive

Para aqueles que gostam de aprender com implementações de funcionalidades existentes e conhecidas, como o caso do Angular.js directive, eis uma oportunidade interessante.

Obviamente o código fonte do Angular.js é aberto e você poderá estudar como a directive em si é criada. Nosso interesse neste arquivo é somente compartilhar uma forma, baseada em jQuery, independente do Angular.js, de uma forma de fazer uma funcionalidade muito parecida, no entanto utilizando uma biblioteca jQuery.

Abaixo uma parte da documentação original do autor do plugin para demonstrar o que estamos falando:

Código Angular.js de uma directive de exemplo:

<div my-directive foo="bar" value="123"></div>

angular.module('app').directive('myDirective', function() {

    return function($scope, element, attrs, controller) {
        // This function will be called for every individual element in the page
        // that has a "my-directive" attribute, even when the elements is
        // created after the script is run.
    };

});

Código jQuery, utilizando a biblioteca do autor:

$.directive('my-directive',  function(element, attrs) {
    // This function will be called for every individual element in the page
    // that has a "my-directive" attribute, even when the elements is
    // created after the script is run.
    // attrs = {
    //    "my-directive": "",
    //    "foo": "bar",
    //    "value": 123
    // }
});

Para acessar a página do projeto, clique aqui

Gostou? Tire um minutinho e dê sua contribuição para Drall Dev Community no Patreon!

Artigos relacionados: