what does style$ mean?

antseba...@gmail.com

unread,

Aug 20, 2015, 1:24:31 PM8/20/15

to Polymer

I find this syntax in a few samples and was wondering what does it do?

I couldn't find it defined anywhere.

bower_components\iron-list\test\x-list.html(46): <div style$="[[_computedStyle()]]">[[item.index]]</div>

bower_components\iron-range-behavior\demo\index.html(56): <div class="progress" horizontal center layout style$="{{_computeStyle(ratio)}}">

bower_components\paper-drawer-panel\paper-drawer-panel.html(125): <div id="main" style$="[[_computeMainStyle(narrow, rightDrawer, drawerWidth)]]">

bower_components\paper-drawer-panel\paper-drawer-panel.html(130): <div id="drawer" style$="[[_computeDrawerStyle(drawerWidth)]]">

Michael Giuffrida

unread,

Aug 20, 2015, 1:57:52 PM8/20/15

to antseba...@gmail.com, Polymer

The $= syntax binds values to the HTML attributes, as opposed to binding to the properties of Polymer elements.

Attribute binding is useful when you don't want to set a Polymer property, or when you want to bind to attributes of native HTML elements.

Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups "Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/013bb484-95bd-4e42-ac13-0b006637b81b%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

anthony sebastian

unread,

Aug 20, 2015, 5:30:57 PM8/20/15

to Polymer

Michael, that explains it. Thanks!

Rob Dodson

unread,

Aug 20, 2015, 6:24:00 PM8/20/15

to anthony sebastian, Polymer

In particular, there are a number of attributes which don't have corresponding JS properties. aria-hidden for instance.

Follow Polymer on Google+: plus.google.com/107187849809354688692

---
You received this message because you are subscribed to the Google Groups "Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/3904bd56-2e68-4b74-ac9d-65f7e9001ba5%40googlegroups.com.

Reply all

Reply to author

Forward