Angularjs: variables in html attributes and within <style> markup

Question

I would like to know how to put an angularjs model as the value for an html attribute. such as:

<div ng-controller="deviceWidth" width={{width}}> </div>

also, how would I do this within <style> markup? Where would I put ng-controller?

div {
    width:{{width}}
}

Thanks, Ben

Mik378 · Accepted Answer · 2014-03-06 01:50:16Z

You'd better do create own custom directive instead of the "static" width, and interpret the interpolation with $observe function.

Concerning the markup, you'd better play with ng-class, whose value comes from your controller logic.

1 Answer 1