AngularJS：HTML属性中和内部的变量<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

Answer 1

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

Post pretty similar, involving some solutions:
String Interpolation Won't Work when Setting Attribute Values on a Custom Directive

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