Как обернуть функцию инкапсуляции JS вокруг директивы

Question

Я видел это раньше, я пытаюсь реализовать функцию инкапсуляции, но это нарушает мою директиву. Без инкапсуляции он работает. Кто-нибудь сделал это раньше или кто-нибудь знает, почему это нарушает директиву?

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' 
    } 
    }); 
}); 

Answer 1

Что вы говорите, называется IIFE (Сразу вызываемое выражение функции).

У вас есть часть права, проблема, поскольку Алехандро указал, что вам не хватает (), который будет вызывать функцию.

Так изменить код, чтобы выглядеть следующим образом:

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

Для получения дополнительной информации о IIFE (произносится IIFY) смотрите здесь What is the (function() { })() construct in JavaScript?