angularjs - What exactly do you do with the transclude function and the clone linking function? -

From

, I see that the compiled function has 3 parameters, one of which is transclude docs The only explanation provided is:

transcript - A transduction linking function: function (scope, clonlinking FN).

I'm trying to understand exactly what you will be in the cloning connecting function. I do not even know which criteria have come out in it. I think there is a parameter called clone which appears to be an HTML element, are there other parameters available? Which HTML element is this exactly? I'm probably looking at the transclude: 'element' in my instructions. What are the answers to those questions when using true instead of element?

I understand with simple examples, but I think along with the transclude: 'element' to find more complex examples. I am hoping someone can provide more in depth information about this. Thank you.

Edit: My answer is completely and completely changing and it is " Community wiki "(no number for me) As I answered when it was wrong outright

As @ Jonah indicated below,

the original The idea is that the compilation function should be returned to a link function, you can use the closing function provided within the linking function, in which cloning the DOM element Receive, compile it, and put it to put it.

It gives you the chance of compiling the function that you created the linking function and converted the DOM elements into programs based on the properties passed before the call.

  / / A silly instruction to replicate objects of a dictionary object App.directive ('keyvaluerepeat', function ($ compile)) {return: true, scope: {data: '=', showDebug: '@'}, compile: function (elem, attrs, transclude) {if (attrs .showDebug) {elem.append ("div class =" debug "> debuts enabled {{showDebug}} ;);} return function (scope, LEEM, waves) ) {Var items = []; Console.log (lElem); Scope $ Watch ('data', function (data) {// delete old values ​​from tracking array / (see below) (var i = items.length; i-- & gt;); item (i) element. (); Item [i] .scope. $ Deleted (); item.model (i, 1);} Add new (var key in data) {var val = data [key], childScope = scope. $ New (), childElement = angular.element ('
 & lt; / div & gt;'); // For each item in each of our delinquents, we are going to make it our own realm And set key and value attributes on it. ChildScope.key = Key; childScope.value = val; // transclude (childScope, function (clone, interscope) {// Clone is a copy of transmoid DOM element content. Console.log (clone); // Because we still have instructions Are inside the compilation function, // we can change the contents of each output item // based on an attribute. If (attrs.showDebug) {clone.prepend ('& lt; span class = "debug" & Gt; {{key}}: {{value}} & lt; / span & gt; ');} // Add different elements childElement.append ($ Collection) (innerScope); }); // Add items created for a tracking array // When we need to update, we can remove them later Items.push ({element: childElement, scope: childScope}); LElem.append (childElement); }}); }; }}; });