[解決済み] angularjs の改行フィルタ、他の html を使用しない
2023-04-20 12:29:16
質問
改行文字を変換しようとしています (
\n
) を html
br
's.
のように
Google グループでのこの議論
に従って、私が得たものは次のとおりです。
myApp.filter('newlines', function () {
return function(text) {
return text.replace(/\n/g, '<br/>');
}
});
また、そこでの議論では、ビューの中で次のように使用することが勧められています。
{{ dataFromModel | newline | html }}
これは、古い
html
フィルタを使っているようですが、現在は
ng-bind-html
属性を使うことになっています。
ともかく、これには問題があります。私は元の文字列からどんなHTMLも欲しくありません (
dataFromModel
) から HTML としてレンダリングされることを望まないからです。
br
's.
例えば、次のような文字列があった場合。
7の間 > 5
やっぱりここにhtml &系はいらないか...。
出力して欲しいですね。
While 7 > 5<br>I still don't want html & stuff in here...
これを実現する方法はないのでしょうか?
どのように解決するのですか?
新しいディレクティブをいじくる代わりに、2つのフィルターだけを使うことにしました。
App.filter('newlines', function () {
return function(text) {
return text.replace(/\n/g, '<br/>');
}
})
.filter('noHTML', function () {
return function(text) {
return text
.replace(/&/g, '&')
.replace(/>/g, '>')
.replace(/</g, '<');
}
});
そして、私の見解では、一方を他方にパイプします。
<span ng-bind-html-unsafe="dataFromModel | noHTML | newlines"></span>
関連
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] JavaScriptで現在のURLを取得する?
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み】なぜHTMLは "chucknorris "を色と見なすのか?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
-
[解決済み] reactのrender関数でdynamic hrefを作成するには?
-
[解決済み] JSHintの'+'前の改行不良の説明
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] URL/アドレスバーからJavascriptの関数を呼び出す
-
[解決済み] 無効になっている入力フィールドの値を送信する
-
[解決済み] jqueryはjavascriptのライブラリなのかフレームワークなのか?[クローズド]
-
[解決済み] BlobからArrayBufferへ移行する方法
-
[解決済み] jQueryで入力ファイルが空かどうかをチェックする方法
-
[解決済み] モデルフェッチ時に1をtrueに、0をfalseに変換する方法
-
[解決済み] Prototypeを使ってtextareaを自動サイズ調整するには?
-
[解決済み] JavaScript で css プロパティを使用して HTML 要素の背景色を設定する方法
-
[解決済み] V8 Javascript エンジンのスタンドアロン実行
-
[解決済み] JavaScriptデータフォーマット/プリティプリンタ