generare codice sorgente HTML css da javascript angolare o qualsiasi altra cosa

Question

Costruisco un trascinamento & rilascia generatore di layout HTML utilizzando Angular.js. Ora voglio salvare generato HTML, codice sorgente CSS rimuovendo il codice angular.js dal solo design. Qual è la loro soluzione per generare codice HTML, CSS usando angular.js?

Answer 1

Qui è possibile utilizzare jQuery per ottenere il codice HTML come come

var allContent = $('.page-content').clone(); 

Rimuovere tag in più in questo modo

//remove all angular class 
allContent.find("div[class^='ng-'],div[class*='ng-']").each(function() { 
    //check and remove class 
}); 

//remove all ng-model attribute ans so no 
allContent.find('*[ng-model]').removeAttr('ng-model'); 

pulire il codice HTML e ottenere tutte html

allContent.htmlClean(); 
var customPageContent = allContent.html(); 

e infine salvare questo utilizzando https://github.com/eligrey/FileSaver.js

var blob = new Blob([customPageContent], { 
       type: "application/xhtml+xml;charset=charset=utf-8" 
      }); 
saveAs(blob, fileName + ".html"); 

funzione Extra

//clear your html 
$.fn.htmlClean = function() { 
    this.contents().filter(function() { 
     if (this.nodeType != 3) { 
       $(this).htmlClean(); 
       return false; 
      } else { 
       this.textContent = $.trim(this.textContent); 
       return !/\S/.test(this.nodeValue); 
      } 
     }).remove(); 
     return this; 
}; 

Credo che questo vi aiuterà.