Blade and angular mixing

Is user a blade variable or an angular variable?

If it is a blade variable you will not be able to loop through it with ng-repeat as angular has no idea what it is.
It would be better to populate it with a separate http request using the $http module.

If it is already an angular variable then remove the @ as blade wont know what it is and angular should be the one printing it.

Try to change either one syntax to avoid conflict!

// example for blade 
Blade::setContentTags('<%', '%>'); // For variables.
Blade::setEscapedContentTags('<%%', '%%>'); // For escaped data.

or

var customInterpolationApp = angular.module('customInterpolationApp', []);

customInterpolationApp.config(function($interpolateProvider) {
   $interpolateProvider.startSymbol('{['); // or change it to something else
   $interpolateProvider.endSymbol(']}'); // or change it to something else
});

https://docs.angularjs.org/api/ng/provider/$interpolateProvider

@spekkionu

user is an angular variable and if I tried to remove the @symbol I receive an error that user is undefined.

@ mehany I cannot change it now as the application has been built can you suggest any other way to deal with this ?

You'll want to use ng-src= on the image tag rather than src=
https://docs.angularjs.org/api/ng/directive/ngSrc

Yep, in your blade template, your image should be like this:

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

@willvincent the OP is using a for loop

Edit: oh I see, there is another call for the user's image

In any case.. the syntax is the same. :)

Thanks all :)