Why does my image show up as a file logo? link below
This is how my image shows up when I add it
This is my JS for the image (AngularJS)
{
name: 'Screw',
price: 1,
description: 'A small item drilled into objects',
specs: '1 centimeter',
images: [
{
full: "1024px-Phillips_screw.jpg"
}
]
}
This is my HTML for adding the image
<img ng-src="{{product.images[0].full}}"/>
Why not use ng-src directive? ie.
<div ng-init="myVar='pic_angular.jpg'">
<h1>Angular</h1>
<img ng-src="{{myVar}}">
</div>
src you will get an extra network call as the browser tries to load the un-interpolated text given in the src and then fire another network request when the text gets interpolated.
Check the console for the error, but it's probably because the path is incorrect.
If they're in your images folder you'd want to put that path:
<img src="/images/{{product.images[0].full}}"/>
src you will get an extra network call as the browser tries to load the un-interpolated text given in the src and then fire another network request when the text gets interpolated.Its passing only name of image into ng-src, you need to write whole path of image where it saved before u pass image name into curly braces.
Your should use absolute or relative path for the image, like
<img src="/images/{{product.images[0].full}}"/>
If you use the latest angularjs 4.x with cli, you need to add the images path to "assets" section in angular-cli.json:
"apps": [ { ......
"assets": [
"assets",
"favicon.ico",
"images"
],
........
}
ng-srcvalue.