#button #element #polymer
#кнопка #элемент #полимер
Вопрос:
Я пытаюсь использовать проект polymer на веб-сайте, но я застрял и не могу найти справку по документации.
Как мне использовать щелчок элемента paper-fab? Я видел в другом сообщении stackoverflow использование свойства on-tap = . Я просмотрел документы и код и не смог найти ни одного места, в котором говорилось бы, что это свойство существует.
Должен ли я добавить обработчик событий? Это то, как работает полимер?
Мой код:
<!-- `keepCondensedHeader` makes the condensed header to not scroll away -->
<core-scroll-header-panel condenses keepCondensedHeader condensedHeaderHeight="80">
<core-toolbar>
<div flex></div>
<core-icon-button icon="thumb-up"></core-icon-button>
<paper-fab icon="account-circle" ></paper-fab>
<div class="bottom indent bottom-text" self-end>
<div>ME AVISE</div>
<div class="subtitle">Fique informado e economize</div>
</div>
</core-toolbar>
<div class="content">
<lorem-ipsum paragraphs="100"></lorem-ipsum>
</div>
</core-scroll-header-panel>
Ответ №1:
Если ваш опубликованный код находится внутри другого элемента Polymer, вы можете добавить его on-tap={{yourHandlerMethod}}
к paper-fab
элементу. Если вы находитесь за пределами Polymer, то да, вы можете просто el.addEventListener('tap', function() { ... })
.
Доступные события смотрите здесь.
Комментарии:
1. Как насчет onclick в html? Вы можете это использовать?
2. Да, вы можете использовать
onclick
.3. а что, если я захочу установить значение заливки в css core-icon svg?
4. Добавьте
.a-class-on-your-button::shadow core-icon { fill: red; }
к своим элементам стили (замените «.a-class-на-вашей-кнопке» на все, что вам нужно для выбораcore-icon-button
, конечно).