=====Внедрение шаблонов===== AngularJS при создании директив поддерживает такую функциональность как **transclusion**, которая представляет внедрение html-кода извне в шаблон. Например, возьмем директиву answerList из прошлой темы и изменим ее


questApp.directive("answerList", function () {
    return {
        restrict: "A",
        templateUrl: "templates/answersTemplate.html",
        transclude: true
    }
});

Параметр //transclude//: true подключает функциональность внедрения. Теперь изменим файл шаблона **answersTemplate.html**:\\



    
    
        
            
            {{answer.rate}}
            
        
        {{answer.text | formatText}}
        {{answer.author}}
        {{answer.date}}

По сравнению с кодом из прошлой темы здесь был добавлен элемент

. Директива **ng-transclude** указывает, что в этот элемент будет внедряться внешний код. \\ \\ Этот код будет указан на главной странице **index.html в элементе, к которому применяется директива директивы**:




    
        
        
    
    
        
            
                {{question.text}}
                {{question.author}} 
 {{question.date}}
            
            Ответы

Теперь в блок

будет внедряться элемент заголовка

Ответы

, которое определен внутри элемента, к которому применяется директива.\\ {{ :angular:angularjs:custom_directive:transclusion.png?400 |}}