When I try this, the Chrome console reports, "Uncaught TypeError: this.backgroundColorStyle is not a function"
On Tuesday, April 14, 2015 at 5:44:23 PM UTC-4, Michael Bleigh wrote: > > 0.8 no longer has interpolation. You'll need to use annotated computed > properties instead: > https://www.polymer-project.org/0.8/docs/devguide/data-binding.html#annotated-computed > > For instance > > <h1 style$="{{backgroundColorStyle(colour)}}">Hello World!</h1> > > { > backgroundColorStyle: function(colour) { > return "background-color: " + colour; > } > } > > On Tuesday, April 14, 2015 at 2:09:35 PM UTC-7, Robert Stone wrote: >> >> Just migrating a very simple 0.5 example app over to 0.8. >> >> For 0.5 the following worked: >> <h1 id="greeting" _style="background-color: {{colour}}">Hello World !</h1> >> >> As I understand it, for 0.8 I need to do: >> <h1 id="greeting" style$="background-color: {{colour}}">Hello World !</h1> >> >> However this doesn't work as the bound property value doesn't get >> inserted. If I remove the 'background-color:' part then I can see my bound >> property value being correctly inserted. >> >> I've worked my way through the migration guide and can't find anything >> that might indicate why this isn't working so was hoping someone on here >> might be able to help. >> >> Cheers >> Rob >> > 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 [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/7fab8f82-5363-4b66-a0b5-2bcbc208e053%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
