NetBeansは、私が<code>App/img/blue.jpg</code>を参照するフィールドを持つ複雑なオブジェクトが含まれているコントローラを持って、私のプロジェクトで

Question

がAppと呼ばれるアプリケーションのルートフォルダの下のファイルを検索しますこの：

<img src="{{Photo1.image}}" /> 

私もimg/blue.jpgと~/img/blue.jpgにimageフィールドを変更しようとした、どれも機能しません。私は、Webリンクにimageを変更すると、しかし、それはのような角度のマークアップを使用して

Answer 1

は答えを見つけました。ウィンドウの左側にある[プロジェクト]パネルで、[ファイル]タブをクリックし、src=""属性の引用符の間にあるファイルを編集領域にドラッグします。

$scope.Photo1 = { 
     name: "blue_bird", 
     image:"../img/blue.jpg" 
    }; 

とビューで：だから、コントローラ内のオブジェクトがどのように見えるはずです

<img src="../img/blue.jpg" alt="" /> 

：

<img ng-src="{{Photo1.image}}"/> 

Answer 2

Read the documentation here.

に動作します{{ハッシュ}} src属性では動作しません 右：ブラウザから取得しますリテラルテキストのURL {{hash}}は{{hash}}内の式を置き換えます。 ngSrcディレクティブはこの問題を解決します。

それを書くためのバギー方法：

<img src="{{Photo1.image}}"/> 

それを書くための正しい方法：

<img ng-src="{{Photo1.image}}"/>