UI5 sap.ui.core.HTMLを表示する方法。 setContentが機能しない

sap.ui.core.HTMLを使用して簡単なHTMLコンテンツを表示しようとしています。しかし、私はブラウザで構文エラーが発生しています。以下は私のコードと添付されたエラー画像です。コンテンツを動的に設定するXMLビューの例は非常に役に立ちます。UI5 sap.ui.core.HTMLを表示する方法。 setContentが機能しない

ありがとう、 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>

出典

2017-02-24 SriniRao

setContentに渡されたパラメータ文字列は、有効なHTMLコードを開始タグと終了が含まれている必要があります。あなたの場合、これはそうではありません、HTML構文がエスケープされるためです。エスケープされていないHTML構文を使用してください。 sap documentationから

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

：

コンテンツはDOMに変換するには、新しい jQueryの（コンテンツ）を呼び出してノードなので、jQueryのコンストラクタのいずれかの制限は、HTMLのコンテンツにを適用しますコントロールも同様です。

これらの制限の一部（他の人があるかもしれません！）、次のとおりです。内容はタグで囲む必要があります

、純粋なテキストがサポートされていません。

出典

2017-02-24 22:42:41 NineBerry

ありがとうございます。それは今働いている。 UI5での初心者の参考に、http://jsbin.com/gifavu/edit?html,outputの例を作成しました – SriniRao

UI5 sap.ui.core.HTMLを表示する方法。 setContentが機能しない

答えて

関連する問題