Question

我正在尝试使用sap.ui.core.HTML显示简单的HTML内容。但是我在浏览器中遇到语法错误。下面是我的代码，还附有错误图片。动态设置内容的XML视图示例将非常有用。

谢谢，作者Srini。

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>

    <script src="resources/sap-ui-core.js"
            id="sap-ui-bootstrap"
            data-sap-ui-libs="sap.m,sap.ui.commons"
            data-sap-ui-theme="sap_bluecrystal">
    </script>


    <script>
    var oHtml = new sap.ui.core.HTML("l1"); 
    oHtml.setContent("&lt;h1&gt; This is the simple&lt;/h1&gt; ",true);


    //Create a panel instance
    var oPanel = new sap.ui.commons.Panel();
    //Add something to the panel's content area
    oPanel.addContent(oHtml);
    //Attach the panel to the page
    oPanel.placeAt("content");


    </script>

    </head>
     <body class="sapUiBody" role="application">
         <div id="content"></div>   
      </body>
   </html>

Answer 1

传递给setContent的参数字符串必须包含以标记开头和结尾的有效HTML代码。在您的情况下，情况并非如此，因为HTML语法是转义的。只需使用未转义的HTML语法。

oHtml.setContent("<h1>This is the simple</h1>");

来自sap documentation：

通过调用new将内容转换为DOM节点   jQuery（内容），因此适用于jQuery构造函数的任何限制   也是HTML控件的内容。

其中一些限制（可能还有其他限制！）是：


内容必须包含在标签中，不支持纯文本。

如何显示UI5 sap.ui.core.HTML。 setContent不起作用

1 个答案: