SK
он понимает ES модули, haunted в том числе
Size: a a a
2020 February 06
e
Чуть позже. Прежде оживлю Bootstrap.
SK
меня вот кстати всегда удивляло, что некоторые тащат бутстрап в проекты на полимере
e
Больше для опытов, первый раз с Web Components.
SK
а, тогда ясно
MB
не советую вообще использовать polymer-cli, лучше es-dev-server берите
+100500
лучше не связываться с polymer-cli
формально его обновляли в 2019, но по факту последние функциональные обновления были где-то осенью 2018
лучше не связываться с polymer-cli
формально его обновляли в 2019, но по факту последние функциональные обновления были где-то осенью 2018
MB
он морально устарел и команда Polymer рекомендует юзать стек open-wc вместо него
e
Как правильно записать такой ternary?
\ перед ` не помог.
html`<li @click=${() => setId(i)} class=\`list-group-item ${item.active ? ' active' : '' }\`>${item.text}</li>`.\ перед ` не помог.
MB
каретка должна врапать сам шаблон
поэтому внутри ты можешь юзать либо одинарные, либо двойные кавычки
поэтому внутри ты можешь юзать либо одинарные, либо двойные кавычки
MB
так что выбирай - либо атрибуты будут в двойных и строки внутри в одинарных
либо наоборот
либо наоборот
MB
выбор зависит от настроек твоих линтеров и претифаера
e
Тогда template strings не получится использовать.
e
Спасибо обоим за содействие. Продолжу завтра.
MB
блин, странно телеграм скриншот отправляет, короче как есть, сори если кто 100500 нотификаций получил
MB
html`<li @click=${() => setId(i)} class="list-group-item ${item.active ? ' active' : ''}">${item.text}</li>`;
MB
никаких синтактических ошибок и lit-html такое должен переварить, так как поддерживает динамические значения атрибутов
2020 February 07
e
html`<li @click=${() => setId(i)} class="list-group-item ${item.active ? ' active' : ''}">${item.text}</li>`;
Работает хорошо, грасиас. Теперь знаю его синтаксис лучше.
e
Как в haunted передать свой css? Импортирую test.css в index.html, стили не видны в инспекторе. Из-за Shadow DOM ?
Пoместил в
Пoместил в
<style> теги внутри shadow элемента, помогло. Осталось импортировать Bootstrap.MB
вообще офигенный вопрос) я не работал с haunted, но пока гляда на доки могу только сказать, что можешь отключить shadowDom с помощью
component(MyComponent, { useShadowDOM: false }));
component(MyComponent, { useShadowDOM: false }));