Emberjs-temp-esc-html-content

提供:Dev Guides
2020年6月23日 (火) 00:11時点におけるMaintenance script (トーク | 投稿記録)による版 (Imported from text file)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
移動先:案内検索

EmberJS-HTMLコンテンツのエスケープ

結果の表示中にHTMLタグをエスケープできます。

構文

export default Ember.Helper.helper(function(params) {
  //code here
}

以下の例は、HTMLタグをエスケープします。 新しいヘルパー_eschtmlcontent_を作成し、それに次のコードを追加します-

import Ember from 'ember';

export default Ember.Helper.helper(function(param) {
   return Ember.StringlSafe(`<i><b>${param}</b></i>`);
});

_index.hbs_ファイルを開き、次のコードを書きます-

Hello...Welcome to {{eschtmlcontent "Tutorials-Point"}}
{{outlet}}

出力

emberサーバーを実行します。次の出力が表示されます-

Ember.jsテンプレートエスケープHTMLコンテンツ