Comment accéder aux 'propriétés' dans Google Polymer 2?

Question

En polymère 1.0, je peux déclarer des propriétés avec:

properties: { 
    salary: { 
     type: Number, 
     value: 80 
    } 
} 

maintenant en polymère 2.0 (création d'une classe), je devrais écrire une méthode comme:

static get properties() { 
    return { 
     salary: { 
      type: Number, 
      value: 80 
     } 
    } 
} 

Mais maintenant this.properties est null. Comment accéder au champ properties (pas aux valeurs du properties)?

Answer 1

this.properties tente d'accéder à un champ d'instance (exclut les champs statiques). Comme properties est un champ static, vous devez utiliser this.constructor.properties ou XFoo.properties.

Exemple:

class XFoo extends Polymer.Element { 
    static get properties() { ... } 

    constructor() { 
    super(); 

    // this.constructor === XFoo 
    console.log('this.constructor.properties', this.constructor.properties); 
    console.log('XFoo.properties', XFoo.properties); 
    } 
} 

codepen