AngularJS: What compile function does

i am new in angular js.

just like to know about few line like what they does.

app.directive('fancybox', function($compile) {
return {
restrict: 'A',
replace: false,
link: function($scope, element, attrs) {
$scope.open_fancybox = function() {
var el = angular.element(element.html()),
compiled = $compile(el);
$.fancybox.open(el);
compiled($scope);
};
}
};
});

below these lines are not clear.var el = angular.element(element.html()),

compiled = $compile(el);
$.fancybox.open(el);
compiled($scope);

1) what $compile does and what it return after compile ? 2) when we need to compile scope like compiled($scope);

i have test the if i comment this line compiled($scope); then value is not putting into expression.......why ?

please guide me in detail. thanks

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

9y ago
instead of giving link anyone can explain the below 3 lines
compiled = $compile(el);
$.fancybox.open(el);
compiled($scope);
Vivek Kumar9y ago
Have a look into the below links.

http://www.benlesh.com/2013/08/angular-compile-how-it-works-how-to-use.html

https://stackoverflow.com/questions/24615103/angular-directives-when-and-how-to-use-compile-controller-pre-link-and-post

https://docs.angularjs.org/api/ng/service/$compile

https://docs.angularjs.org/guide/compiler