Как загрузить файл html внутри jquery-плагина в угловой js

Question

Я использую один jquery-плагин для DYO (создайте свой собственный). Внутри JS файл этого плагина он загружен один файл шаблона, как показано ниже

$.post(options.templatesDirectory + 'productdesigner.php', 
     options.labels, 
     function (html) { 
      debugger; 

      $elem.append($.parseHTML(html)); 

      $fullLoader = $elem.children('.fpd-full-loader').hide(); 
      $mainContainer = $elem.children('.fpd-main-container'); 
      $productStage = $mainContainer.children('.fpd-product-stage').height(options.stageHeight); 

      $elementTooltip = $productStage.children('.fpd-element-tooltip').html(options.labels.outOfContainmentAlert); 
      $mainContainer.children('.fpd-context-dialog').remove().clone().prependTo($sidePanel); 
      $contextDialog = $body.find('.fpd-context-dialog').addClass('fpd-hidden'); 
      $contextLoader = $contextDialog.find('.fpd-context-loader'); 
      $colorPicker = $contextDialog.find('.fpd-color-picker'); 
      $colorPicker1 = $contextDialog.find('.fpd-color-pickerrr'); 
      $swatchPicker = $contextDialog.find('.fpd-color-swatch'); 

      $elem.trigger('templateLoad', [this.url]); 
      setTimeout(_initBars, 1000); 
     } 
    ); 

Я пытаюсь интегрировать этот плагин для angularJS. Как загрузить этот HTML-файл в этот плагин. Мне просто нужен путь для загрузки этого HTML-файла в angularjs. Я пытался дать путь, но он всегда возвращает 404 не найдена ошибка.

Answer 1

Я понял это сам. Я загрузил шаблон в плагин, используя метод jquery load(), как показано ниже.

var $div = $('<div>'); 

    $div.load('modules/dyo/views/test.html', function(){ 
    var html=this; 
    $elem.append(html); 
    $fullLoader = $elem.children().children('.fpd-full-loader').hide(); 
    $mainContainer = $elem.children().children('.fpd-main-container'); 
    $productStage = $mainContainer.children('.fpd-product-stage').height(options.stageHeight); 

    $elementTooltip = $productStage.children('.fpd-element-tooltip').html(options.labels.outOfContainmentAlert); 
    $mainContainer.children('.fpd-context-dialog').remove().clone().prependTo($sidePanel); 
    $contextDialog = $body.find('.fpd-context-dialog').addClass('fpd-hidden'); 
    $contextLoader = $contextDialog.find('.fpd-context-loader'); 
    $colorPicker = $contextDialog.find('.fpd-color-picker'); 
    $colorPicker1 = $contextDialog.find('.fpd-color-pickerrr'); 
    $swatchPicker = $contextDialog.find('.fpd-color-swatch'); 
    $elem.trigger('templateLoad', [this.url]); 

    });