CODEWITHSUNDEEP
htmlcssangular
Sundeep
Sundeep

Reputation: 179

How to bind an Image from App Component to HTML file in Angular 2

How to bind an Image from App Component to HTML file in Angular 2 This is my Relative path : assets/images/MyProfile_Summary_1x.png

export class MyProfile  {

image :"./assets/images/MyProfile_Summary_1x.png";

}
body {
	margin: 0;
}

#over img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
 <div id="over" style="position:absolute; width:100%; height:100%">
                            <img [src]="image">
                        </div>

Upvotes: 0

Views: 421

Answers (1)

Farhat Zaman
Farhat Zaman

Reputation: 1369

actually, you are using colon operator which is used for defining the type of any variable in ts

so you just need to replace this

image :"./assets/images/MyProfile_Summary_1x.png";

with 

image = "./assets/images/MyProfile_Summary_1x.png";

if you still face the same issue then please verify your file path as well.

Upvotes: 1

Related Questions