AngularJS set img (ng-srcとsrcの違い)
2022-02-18 03:33:19
AngularJSでは
ng-src
を置き換えるために
src
:
{{imageUrl}}">
間違った書き方
{{hash}}"/>
正しい書き方
{{hash}}"/>
これは、ページが読み込まれたときに、ブラウザが
http://www.coderlady.com/avatar/{
画像を読み込むと、当然ながら失敗します。Angularがそれを読み込むと、ブラウザは{}を理解します。
<未定義
{hash}} 変数は、logo.png のような特定の値で置き換える必要があります。
http://www.coderlady.com/avatar/logo.png
を使って画像を読み込むことができます。これには明らかに2つの操作が必要です。
ng-src
は問題を解決します。Angularの読み込みが完了するのを待ってから、データを読み込むために正しいアドレスに移動するからです。
関連
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
ハートビート・エフェクトのためのHTML+CSS
-
HTML ホテル フォームによるフィルタリング
-
HTML+cssのボックスモデル例(円、半円など)「border-radius」使いやすい
-
HTMLテーブルのテーブル分割とマージ(colspan, rowspan)
-
ランダム・ネームドロッパーを実装するためのhtmlサンプルコード
-
Html階層型ボックスシャドウ効果サンプルコード
-
QQの一時的なダイアログボックスをポップアップし、友人を追加せずにオンラインで話す効果を達成する方法
-
sublime / vscodeショートカットHTMLコード生成の実装
-
HTMLページを縮小した後にスクロールバーを表示するサンプルコード
-
html のリストボックス、テキストフィールド、ファイルフィールドのコード例