1. ホーム
  2. Web

AngularJS set img (ng-srcとsrcの違い)

2022-02-18 03:33:19
<パス

AngularJSでは ng-src を置き換えるために src :

{{imageUrl}}">

間違った書き方

{{hash}}"/>

正しい書き方

{{hash}}"/>

これは、ページが読み込まれたときに、ブラウザが http://www.coderlady.com/avatar/{ {hash}} 画像を読み込むと、当然ながら失敗します。Angularがそれを読み込むと、ブラウザは{}を理解します。 <未定義 {hash}} 変数は、logo.png のような特定の値で置き換える必要があります。 http://www.coderlady.com/avatar/logo.png を使って画像を読み込むことができます。これには明らかに2つの操作が必要です。
ng-src は問題を解決します。Angularの読み込みが完了するのを待ってから、データを読み込むために正しいアドレスに移動するからです。