Question

我建立了一个拖累＆amp;使用Angular.js删除HTML布局生成器。现在我想保存生成的HTML，CSS源代码仅从设计中删除angular.js代码。他们是使用angular.js生成HTML，CSS代码的任何解决方案吗？

Answer 1

在这里你可以使用jquery来获取你的html，如

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

通过这种方式删除额外标签

//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');

清理你的html并获取所有HTML

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

最后使用https://github.com/eligrey/FileSaver.js

保存

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

额外功能

//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;
};

我认为这会对你有帮助。

通过角度javascript或其他任何方式生成html css源代码

1 个答案: