Load images from server /url

#1

I am trying to load image from a url inside img,ion-img or img-loader(all tried)
It does work from the assets folder but doesnt load from the url.
I tried:

< img-loader src=“https://www.google.com/imgres?imgurl=https://images.pexels.com/photos/67636/rose-blue-flower-rose-blooms-67636.jpeg?cs%3Dsrgb%26dl%3Dblue-plant-wet-67636.jpg%26fm%3Djpg&imgrefurl=https://www.pexels.com/search/rose/&h=3264&w=4928&tbnid=A6JJqffgz3xzlM:&q=images&tbnh=132&tbnw=200&usg=AFrqEzcmOTB23_aky6sBMhMGyFTjJ1EiCA&vet=12ahUKEwjx1JLarfXcAhUIbysKHVEuB04Q_B0wHHoECAkQCQ..i&docid=5RTu1qS62pV07M&itg=1&sa=X&ved=2ahUKEwjx1JLarfXcAhUIbysKHVEuB04Q_B0wHHoECAkQCQ” >< /img-loader>

Then:
<ion-img [src]=“imgurl” >
Where imgurl is :
ionViewWillEnter(){
this.imgurl=“https://www.google.com/imgres?imgurl=https://images.pexels.com/photos/67636/rose-blue-flower-rose-blooms-67636.jpeg?cs%3Dsrgb%26dl%3Dblue-plant-wet-67636.jpg%26fm%3Djpg&imgrefurl=https://www.pexels.com/search/rose/&h=3264&w=4928&tbnid=A6JJqffgz3xzlM:&q=images&tbnh=132&tbnw=200&usg=AFrqEzcmOTB23_aky6sBMhMGyFTjJ1EiCA&vet=12ahUKEwjx1JLarfXcAhUIbysKHVEuB04Q_B0wHHoECAkQCQ..i&docid=5RTu1qS62pV07M&itg=1&sa=X&ved=2ahUKEwjx1JLarfXcAhUIbysKHVEuB04Q_B0wHHoECAkQCQ”;

this.loadData();
}

The url I tried is this:
https://www.google.com/imgres?imgurl=https://images.pexels.com/photos/67636/rose-blue-flower-rose-blooms-67636.jpeg%3Fcs=srgb&dl=blue-plant-wet-67636.jpg&fm=jpg&imgrefurl=https://www.pexels.com/search/rose/&h=3264&w=4928&tbnid=A6JJqffgz3xzlM:&q=images&tbnh=132&tbnw=200&usg=AFrqEzcmOTB23_aky6sBMhMGyFTjJ1EiCA&vet=12ahUKEwjx1JLarfXcAhUIbysKHVEuB04Q_B0wHHoECAkQCQ..i&docid=5RTu1qS62pV07M&itg=1&sa=X&ved=2ahUKEwjx1JLarfXcAhUIbysKHVEuB04Q_B0wHHoECAkQCQ