私はちょうどAngulerJsで始まり、サブフォルダから画像をロードしたいと思います。Angular JSにローカル画像を読み込むには?
これは私のコントローラコードです。
$scope.img_source = "../WebContent/Welcom2Iquote.gif";
これは私のindex.html
のコードです:
<img ng-src="{{img_source}}"/>
私はちょうどAngulerJsで始まり、サブフォルダから画像をロードしたいと思います。Angular JSにローカル画像を読み込むには?
これは私のコントローラコードです。
$scope.img_source = "../WebContent/Welcom2Iquote.gif";
これは私のindex.html
のコードです:
<img ng-src="{{img_source}}"/>
を使用すると、通常のHTMLイメージの画像を配置する
<img ng-src="../assets/img/{{img_source}}" alt="img_source" title="img_source">
ng-srcで画像を実装する正しい方法を編集しました – Joyson
を使用してあなたがこの
のように行うことができ、画像タグを使用します$scope.img_source = "../WebContent/Welcom2Iquote.gif";
あなたは、角度-CLIを使用している場合、あなたは、溶液中assets
フォルダを持っている必要がありNG-srcの
<img ng-src="{{ img_source }}" />
@Satyabrat Mahaliはあなたの問題を修正しましたか? –
を使用して、HTMLに下記のような画像をバインドすることができ、画像のパスのこれはあなたのスコープ変数場合。 読み込みたい画像をこのフォルダにドロップします。
今whatever-component.html
ページ{{}}
がwhatever-component.html
ファイルに対応するtypescriptファイルにimg_source
を定義する必要があります。このライン <img src="assets/{{img_source}}" alt="img_source" title="img_source">
を挿入します。
だから、あそこに画像の名前を定義します。 public img_source: string = 'yourpicture.jpg';
コードのみの回答は、質問の問題の解決方法を説明していないため、お勧めできません。この問題を解決する方法を説明するために、回答を更新することを検討してください。 [よくある回答を書くにはどうすればいいですか](https://stackoverflow.com/help/how-to-answer)を参照してください。 – FluffyKitten
@FluffyKitten Updated –
コードはokです。何が問題? – Pravin