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

Question

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

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

Я использую mixinBehaviours, IronA11yKeysBehavior и GestureEventListeners with 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 # bind-to-properties