Как ввести $ scope в шаблон компиляции?

Question

Когда пользователь нажимает на кнопку, я хочу загрузить шаблон в html-файл и скомпилировать его с помощью области и получить результат, чтобы ввести его в jsPDF.

На данный момент мне удалось загрузить шаблон и ввести результат, скомпилированный в jsPDF, но динамические данные не заменяются.

Как я могу это сделать?

Функция запущен, когда пользователь нажмите на кнопку:

$scope.getPDF = function() { 
    var templateUrl = $sce.getTrustedResourceUrl('views/customerDashboard/invoice.html'); 

    $templateRequest(templateUrl).then(function(template) { 
     $scope.test = 'Hello world!'; 

     var result = $compile(template)($scope); 
     invoice_generator(result[0].innerHTML); 
    }, function() { 
     // An error has occurred 
    }); 
}; 

Файл invoice.html:

<div> 
    <p>{{ test }}</p> 
</div> 

Answer 1

Вы просто должны запустить его через службу интерполировать $ так интерполяцией случаются после связывание (впрыскивается как компиляция):

invoice_generator($interpolate(result[0].innerHTML)(scope)); 

Посмотрите эту скрипку: https://jsfiddle.net/cwqo58b4/