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

Community · Accepted Answer · 2017-05-23 11:49:45Z

1

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.

CommunityBot

11 silver badge

answered Mar 6, 2014 at 1:44

Mik378

22.2k15 gold badges94 silver badges191 bronze badges

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

1 Answer 1