style="color:{{person.nameColor}}" does not work in IE11

[epagnoux]

Hello, just to indicate that
submit the following to the URL example http://www.polymer-project.org/docs/polymer/polymer.html not run properly on IE11, the color does not change the style (style="color:{{person.nameColor}}").

Thank you

<polymer-element name="name-tag" attributes="person">
  <template>
    Hello! My name is <span style="color:{{person.nameColor}}">{{person.name}}</span>
  </template>
  <script>
    Polymer('name-tag', {
      created: function() {
        this.person = {
          name: "Scott",
          nameColor: "orange"
        }
      }
    });
  </script>
</polymer-element>

<polymer-element name="visitor-creds">
  <template>
    <name-tag person="{{person}}"></name-tag>
  </template>
  <script>
    Polymer('visitor-creds', {
      created: function() {
        this.person = {
          name: "Scott2",
          nameColor: "red"
        }
      }
    });
  </script>
</polymer-element>

[ebidel]

Does bindig to _style work?

http://www.polymer-project.org/docs/polymer/databinding-compat.html#binding-to-attributes

[epagnoux]

Thanks you. It works.

[epagnoux]

How do you do ​​it in this case: class = "MyColor", because this example doesn't work?

 <template>
        <style>
            .MyColor
            {
                color:{{person.nameColor}}
            }  
        </style>
        <div>Hello! My name is <span class="MyColor">{{person.name}}</span></div>
    </template>

[ebidel]

Bindings inside of <style> are only supported under native Shadow DOM. See #270