Замена/Объединение существующих атрибутов

Представьте, что это шаблон для bootstrap-date-input:

<input type="date" class="form-control">

Чтобы добавить тему для нашего плагина выбора даты, нам может понадобиться добавить определённый класс, например:

<bootstrap-date-input
  data-date-picker="activated"
  class="date-picker-theme-dark"
></bootstrap-date-input>

В этом случае определены два разных значения для class:

  • form-control, который задаётся компонентом в его шаблоне

  • date-picker-theme-dark, который передаётся компоненту его родителем

Для большинства атрибутов значение, предоставляемое компоненту, будет заменять значение, заданное компонентом. Например, передача type="text" будет заменять type="date" и, вероятно, ломать всё! К счастью, работа с атрибутами class и style немного умнее, поэтому оба значения будут объединены в итоговое: form-control date-picker-theme-dark.

Last updated