如何通过解析index.html自定义元素中的值来设置/覆盖Lit-Element打字稿属性装饰器？

Question

我试图覆盖lit-element中的set属性。 我正在使用Typescript，并且正在自定义元素中使用装饰器设置值，尽管当我尝试通过在index.html中设置其他属性来覆盖元素时，它不会覆盖...

当我console.log属性时，它只有在lit-element中设置的属性。

我正在使用带有LitElement的mixinBehaviours，IronA11yKeysBehavior和GestureEventListeners。

使用普通的javascript符号时，该属性会覆盖，尽管如果可能的话，我希望保留装饰器。

// TypeScript file

class Carousel extends mixinBehaviors([
  IronA11yKeysBehavior,
  GestureEventListeners
], LitElement) {

  /**
   * Carousel direction (horizontal or vertical)
   */
  @property({type: String})
  direction = 'horizontal';
}

// index.html
<carousel direction="vertical"></carousel>

我希望index.html中的方向可以覆盖typescript装饰器属性...

Answer 1

您仅设置属性，而不设置属性。 将属性设置为.direction 。 您可以在此处找到语法参考： https : //lit-html.polymer-project.org/guide/writing-templates#bind-to-properties