タグ

cssとangularjsに関するlax34のブックマーク (2)

  • AngularJSでロード中に評価前のマークアップを表示させない方法 - Qiita

    AngularJSを使ったWebアプリケーションで、ページの読込途中や初期化までの間にテンプレートのマークアップ(下記の図の{{name}}のような記述)が一瞬見えてしまうのを何とかしたい時があります。 特にページの表示開始を早くするためにAngularJSのコード読み込みをhead要素に置かずに非同期で読み込んでいる場合は、AngularJSの読み込み完了まで見えてしまうので特に目立ってしまいます。これを解決するためにngCloakというdirectiveがあるのでこれを使います。(headセクションでAngularJSのコード読み込みのscriptタグを配置している場合はそんなに気にならないかもしれません。公式ドキュメントではこの方法を推奨しているようです) 使い方 連携するCSSをアプリケーションのCSSに追加します [ng\:cloak], [ng-cloak], [data-ng

    AngularJSでロード中に評価前のマークアップを表示させない方法 - Qiita
  • AngularJSで改行を含むテキストを超簡単にng-bindする - エンジニアをリングする

    AngularJSのデータバインディング便利ですが、ng-bindで複数行のテキストを表示しようとすると途端に面倒になるんですよね。。 そのままじゃHTML上では改行されないので<br>に変換する必要があって、それはfilterとかで簡単にできるのですが、それをタグとして認識させるには$sce.trustAsHtmlしないといけなくて。。 でもユーザー入力の文字列をHTMLとして画面に表示することを許可してしまうのは危険すぎる。。 br以外のタグはエスケープするにしても、たかが改行表示するだけでそこまでするのはやーーだーー。。 とまあそんな感じだったんですが、この間すごいことに気付いてしまいました。 アッ・・・ CSSだけでできた・・・・・ ちなみに、white-space: pre; でも改行は反映されますが、右端に達したときの自動の折り返しはないので行が長い場合にテキストがはみ出てしま

    AngularJSで改行を含むテキストを超簡単にng-bindする - エンジニアをリングする
  • 1