2014-09-20 3 views
1

Я делаю первые шаги с Polymer. Документация довольно хороша в отношении того, какие элементы доступны, но мне не хватает информации о обработке событий. У меня есть следующий пример:Присоединить обработчик событий к элементу полимерного сердечника

<core-header-panel flex>         
    <core-toolbar> 
    <core-icon-button icon='menu' on-click='my_handler'></core-icon-button> 
    </core-toolbar> 
</core-header-panel> 

Мой обработчик тест определяется следующим образом:

var my_handler = function() { 
    alert('!!!'); 
}; 

Глядя на documentation, я не вижу никакой спецификации доступных событий. Где я их найду? Я пробовал on-click и on-tap без успеха. Я считаю это своего рода «Hello World!». Например, я должен что-то упустить. Может ли кто-нибудь объяснить, как сообщить кнопке позвонить моему обработчику, если он нажал?

ответ

3

В Polymer> = фигурные скобки больше не нужны для обработчиков событий.

Старого ответ

В Polymer вам нужны усы в каждом связывании

on-click='{{my_handler}}' 

Вы можете найти полный пример в этом вопросе bind a polymer template to html5 video.textTracks

+2

Стоит отметить, что [декларативный экранном * обработчики событий] (http://www.polymer-project.org/docs/polymer/polymer.html#declarative-event-mapping) работают только в том случае, если вы находитесь внутри <полимерного элемента> или внутри [ обязательный шаблон] (http: // blog .polymer-project.org/HOWTO/2014/09/11/Шаблон-это-автоматическое связывание /). – ebidel

+0

На самом деле намек @ebidel решил мою проблему. – Achim

Смежные вопросы