Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
AngularJSで、Controllerで代入した文字列を表示させたいときは、{{文字列}}とかng-bind とか使って戯れますが... 改行ができない $scope.hogehoge = '改行して\nお願い'; とかやって {{hogehoge}} しても、htmlとして解釈されるらしく\nがそのまま出力されるんですね。 じゃあ、<br />ぶちこもうとしても、セキュリティ対策のためにサニタイズされてしまう。 一般にはngSanitizeコネコネしてからのng-bind-htmlとか、 filter書いて/nとか置き換えてからの$sce.trustAsHtmlとかがいいらしいですが、良いやり方を見つけたのでメモ 解決法
これは、Angular の公式ドキュメントの Pipes の章 を意訳したものです。 駆け足で翻訳したので至らない点もありますが、あしからずご承知おきください。 バージョン 4.3.1 のドキュメントをベースにしています。 Pipes すべてのアプリケーションは、データを取得し、整形して、ユーザーに表示するという、一見シンプルなタスクのように見えます。データの取得は、ローカル変数の作成やWebSocketを経由したデータのストリーミングなどのシンプルな操作で行うことができます。 データが受け取ったら、生のtoString値を直接Viewにプッシュすることもできますが、これはユーザーにとって良いUXとはほぼ言えないでしょう。 よくある一例として、生の文字列形式の日付があったとします。画面上には Fri Apr 15 1988 00:00:00 GMT-0700 (太平洋夏時間)ではなく、19
はじめに 何やかんやでAngularネタを書くのはわりと久しぶりです。 長らくbetaだったAngular MaterialもいよいよRCを迎えています。 今日は、Angular MaterialのサブプロジェクトであるAngular Component Dev Kit(以下CDK)について簡単に紹介していきます。 CDKを学ぶべき理由 Angular Materialのステータスアップデート にもあるとおり、 CDKの目的は、Webのための素晴らしいコンポーネントを開発するためのツールを開発者に提供することです。これは、Material Designビジュアル言語を採用せずにAngular Materialの機能を利用したいプロジェクトに特に役立ちます。 CDKはUIライブラリ開発にありがちな機能を、コンポーネント開発基盤としてまとめたパッケージです。 「CSSをデザイナが提供してくれる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く