Pass attribute value to view from controller in angularjs

Question

I have a tag with the following things:

<img src="https://abc.com/abc.png" height="300" width="300">

I'm calling a REST API. After calling REST API, I get the values of src, height and width. How can I pass from controller to view in angularjs?

Ben Diamant · Accepted Answer · 2014-12-11 14:01:29Z

1

Yes.

To controll the src you need to use ngSrc directive:

<img ng-src="http://www.gravatar.com/avatar/{{hash}}"/>

To controll the style use ngStyle directive:

$scope.myStyle = {"width":"500px", "height":"500px"};

<img ng-style="myStyle"/>

answered Dec 11, 2014 at 13:10

Ben Diamant

6,2164 gold badges39 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

How about height and width?

I meant height and width for <img> tag