HTMLをmySQLからレンダリングしてページに表示する角度とJavaScript

Question

フロントエンドには角度を使用し、バックエンドにはノードを使用しています。

<ul> 
    <li>item1</li> 
    <li>item2</li> 
    <li>item3</li> 
</ul> 

データはJSON形式、すなわち現在ある：

{ 
    "data": [ 
    { 
     "id": 1, 
     "sort_order": 0, 
     "content_type": "main_message", 
     "heading": "Welcome to our site ", 
     "content": "<ul> 
         <li>item1</li> 
         <li>item2</li> 
         <li>item3</li> 
        </ul>", 
     "page_name": "home", 
     "author_id": "abhatti", 
     "date_created": "2017-03-13T15:12:00.000Z", 
     "date_modified": "2017-03-13T15:12:00.000Z", 
     "modified_by": "abhatti" 
    }, 
    { 
     "id": 2, 
     "sort_order": 0, 
     "content_type": "main_body_content", 
     "heading": "Announcements", 
     "content": "", 
     "page_name": "home", 
     "author_id": "Robert", 
     "date_created": "2016-12-31T17:00:00.000Z", 
     "date_modified": "2017-03-11T07:08:00.000Z", 
     "modified_by": "Danny" 
    }, 

私は手動すなわち、その上にテキスト形式ではなくHTMLタグでそれを格納しているMySQLのDBからデータを取得しています私は、テーブル内のデータを入れたとき、私はテーブルがHTML形式のデータを表示したいが、それはこの

<ul> 
    <li>item1</li> 
    <li>item2</li> 
    <li>item3</li> 
</ul> 

のようなページに表示すべてのHTMLタグと生の形式で表示されますが、私のような何かをしたいですそれはHTMLとしてブラウザによって読み取られるように、この

• ITEM1
• ITEM2
• ITEM3

にはどうすれば適切にデータを変換することができますか？今は文字列として入れられます。

Answer 1

デフォルトでは、AngularJS（1.2+）はHTMLをテキストとして補間します。 この関数はAngularJSに組み込まれていますが、かもしれないが実際にテキストとして表示するのではなく、テンプレートにHTMLをレンダリングしたい場合があります（ここでのような場合があります）。

これを行うには、AngularJS '$sceライブラリを参照してください。お使いのコントローラでは、あなたはあなたがHTMLとしてのMySQLから取得したデータを信頼するように指定することができます：あなたのテンプレートで

$scope.explicitlyTrustedHtml = $sce.trustAsHtml('<div><span>Hello World!</span></div>'); 

をng-bind-htmlを使用してバインドしてください：

<div ng-controller="MyController as myCtrl"> 
    <div ng-bind-html="myCtrl.explicitlyTrustedHtml"></div> 
</div> 

あなたは絶対にが必要な場合を使用すると、アプリケーション全体で$sceを無効にすることができますが、これはであり、セキュリティ上の理由で大いにが推奨されていません。そう$sceProviderを注入しないために、あなたのメインモジュールの構成ブロックに次の行を追加します

$sceProvider.enabled(false); 

を$sceライブラリは便利ですが、私のアドバイスは、MySQLにデータを再構築するためのより良い方法を見つけることであろう「あなたようにHTMLのためにそれを要求しないでください。データを読むだけであれば、セキュリティの観点からはかもしれません。が大丈夫でしょうか。しかし、ユーザーがAngularJSアプリケーションからHTMLスニペットをPOSTできるようにしていて、MySQLでこれらのスニペットを永続させている場合は、XSS攻撃を要求しています。