创建html&的最简洁方法angularjs中的xml内容

时间:2016-02-12 12:37:12

标签: javascript angularjs

我需要将XML中的HTML字符串发送到POST REST服务。

目前我使用字符串连接来创建XML和HTML,如下所示,

var html  = " <div style='some style'>... append model data from the response of some services ... </div> ";
    html += " <div>  ... append model data from the response of some services ...</div> ";

var xml  = "<?xml version='1.0' encoding='utf-8'?>";
    xml += "<root><data>";
    xml += "<![CDATA["+     html      +"]]>";
    xml += "</data></root>";

return     $http.post(url,xml,{headers : {'Content-Type': 'application/atom+xml'}});

它真的很难看,因为真正的HTML内容很大。除了字符串连接之外,哪种方法最干净?

1 个答案:

答案 0 :(得分:0)

您可以执行以下操作:

  1. 将html代码放在 body 标记下的 div 等任何特定标记下,其中包含 id (我使用过 id ) 例如:

    文件的内容......

         ...从某些服务的响应中追加模型数据......      ...从某些服务的响应中追加模型数据......

  2. 现在在javascript中你可以这样做:

         var html = document.getElementById(“parent_div”)。innerHTML; 警报(HTML);
  3. 使用上面的代码,您可以使用您的HTML而无需在JS代码中编写它。 此外,如果您不想在页面上显示,可以隐藏此内容。