Как установить / переопределить декоратор свойств машинописного текста Lit-Element, проанализировав значение в пользовательском элементе index.html?

Question

Я пытаюсь переопределить свойство set в lit-element. Я использую Typescript, и я устанавливаю значение с помощью декоратора в пользовательском элементе, хотя, когда я пытаюсь переопределить элемент, устанавливая другой атрибут в index.html, он не перезаписывает...

Когда я console.log атрибут, он имеет только атрибут, установленный в lit-элемент.

Я использую mixinBehaviours, IronA11yKeysBehavior и GestureEventListeners с LitElement.

Свойство перезаписывает при использовании обычной нотации 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 может переопределить свойство оформителя машинописного текста...

Answer 1

Вы только устанавливаете атрибут, а не свойство. Установка свойства будет .direction, Вы можете найти ссылку на синтаксис здесь: https://lit-html.polymer-project.org/guide/writing-templates