How to Wrap a JS Encapsulating Function Around a Directive

Question

I have seen this done before, I am trying to implement an encapsulating function, but it breaks my directive. Without the encapsulation it works. Has anyone done this before or does anyone know why it breaks the directive?

https://jsfiddle.net/ciderman/a0n9h0ar/1/

(function () {
  myApp.directive('myPerfectDirective', function(){
    return{
      restrict: 'E',
      scope: {
        data: '='
      },
      template: '<p>my perrrrrrfeccct directivve</p>',
      templateUrl: 'book-widget.html'
    }
  });
});

i think the issue is that you are not calling the function, it should be `(function(){....})()` verify to put the last `()` parenthesis — Alejandro Vales, Dec 15 '16 at 15:44

score 2 · Accepted Answer · edited May 23 '17 at 12:16

2

What you're talking about is called an IIFE (Immediately-invoked function expression).

You've got part of it right, the problem as Alejandro has pointed out you're missing the () which will invoke the function.

So change your code to look like this:

(function () {
  myApp.directive('myPerfectDirective', function(){
    return{
      restrict: 'E',
      scope: {
        data: '='
      },
      template: '<p>my perrrrrrfeccct directivve</p>',
      templateUrl: 'book-widget.html'
    }
  });
})();

For more information on IIFE(pronounced IIFY) look here What is the (function() { } )() construct in JavaScript?

edited May 23 '17 at 12:16

Community

1
1

answered Dec 15 '16 at 15:53

George

6,630
2
29
36

I think the comment was more than enough :P but if u wanna go for rep you can always explain further true :) – Alejandro Vales Dec 15 '16 at 15:56
@AlejandroVales Gotta reach that 1k milestone somehow :P – George Dec 15 '16 at 16:08
AHAHHHHA lol!! milestones are great but, not the only thing in this life :P – Alejandro Vales Dec 27 '16 at 01:16

How to Wrap a JS Encapsulating Function Around a Directive

1 Answers1