Точка с HTML элементами атрибут / свойство

Question

Я изучаю веб-компоненты, используя полимер. Я новичок в веб-разработке.

Как понять, что означает точечная запись в атрибутах .checked или свойстве элемента HTML?

<input id="state" type="radio" name=${this.group} .checked=${this.checked} />

Answer 1

В целом тип привязки состоит из следующих префиксов символов: .prop, ?optional и @event.

html`<input 
    id="state" 
    type="radio" 
    name=${this.group} 
    @change=${onChange}
    ?required=${required}
    .checked=${this.checked} />`

Вы можете вставить JavaScript выражения в качестве заполнителей для HTML текстового содержимого, атрибуты, логические атрибуты, свойства и обработчики событий.

• Текстовое содержимое: <p>${...}</p>
• Атрибут: <p id="${...}"></p>
• Логический атрибут: ?disabled="${...}"
• Свойство: .value="${...}"
• Обработчик события: @event="${...}"

Live Demo