如何訪問聚合物中的屬性值？

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> 

如果你還沒有宣佈它會記錄屬性 - 未定義
對於有關新的申報方式檢查的更多信息 - https://www.polymer-project.org/1.0/docs/devguide/properties.html