Using ng-style with backgroundImage url

[Nicholas Parker Stanford]

Hi -

It seems that if you use ng-style like ng-style="{backgroundImage: img_loc}" you need have img_loc include url(), e.g. img_loc='url(img.jpg)';. I want to know if there is a way to put something in the html that looks more like this:

ng-style={backgroungImage: 'url( img_loc)'} 

?

I included a jsfiddle. The bottom div is what works. I want to know if something that looks like the middle div can work. 

http://jsfiddle.net/CSEQe/

Thanks

[Anders Hessellund Jensen]

This works: http://jsfiddle.net/5S4B2/

[Anthony Bullard]

I think for things like this it's more common to return a value from a function that is called.  That way you don't have to muddy up your view, and it's easily maintainable in your controller code.  Something like this: http://jsfiddle.net/CSEQe/18/

Don't know if using 0.9.19 was mission critical to your example, but that is JSLint valid, Angular 1.0.1 code that accomplishes the result you wanted.

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To post to this group, send email to ang...@googlegroups.com.
To unsubscribe from this group, send email to angular+u...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular?hl=en.