Как получить значение атрибута в полимере?

Question

HTML

<my-element username="{{params.username}}"></my-element> 

Элемент

<dom-module id="my-element"> 
    <style> 
    :host { 
     display: block; 
    } 
    </style> 
    <template> 
    </template> 
    <script> 
    (function() { 
    Polymer({ 
     is: 'my-elemnt', 

     ready: function(){ 
     // get attribute value 
     }); 
    })(); 
    </script> 
</dom-module> 

я могу получить доступ к атрибуту из шаблона, но не знаю, как к нему доступ с помощью JavaScript.

Answer 1

внутри элемента было бы this.username, но вам может понадобиться добавить, что свойства для его работы

Polymer({ 
    is: 'my-element', 
    properties: { 
    username: { 
     type: Object, 
     observer: '_updateUsername' 
    } 
    }, 
    _updateUsername: function() { 
    // use this.username 
    } 
}); 

Answer 2

<link rel="import" href="polymer/polymer.html"/> 
<dom-module id="my-element" username> 
    <style> 
     :host { 
      display: block; 
     } 
    </style> 
    <template> 
     <p>{{username.name}}</p> 
    </template> 

</dom-module> 
<script> 
    (function() { 
     Polymer({ 
      is: 'my-elemnt', 
      properties: { 
       username: { 
        type: Object, 
        notify: true 
       } 

      }, 
      ready: function() { 
       console.log(this.username); 
      } 
     }); 
    })(); 
</script> 

Если вы не объявили свойство будет LOG - неопределенные
Для более подробная информация о новой декларации пути проверке - https://www.polymer-project.org/1.0/docs/devguide/properties.html