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

时间:2018-12-20 20:43:20

标签: javascript typescript polymer lit-element lit-html

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

当我console.log该属性时,它只有在亮元素中设置的属性。

我正在使用带有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装饰器属性...

1 个答案:

答案 0 :(得分:0)

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