This repository was archived by the owner on Mar 13, 2018. It is now read-only.
This repository was archived by the owner on Mar 13, 2018. It is now read-only.
Open
Description
Description of problem
I have problem with paper-submenu that I use with Angular 2. I have two elements inside paper-item tag with menu-trigger class, i need different events for this elements: clicking on a first element (icon) it will open submenu, clicking on a second element (link) menu-trigger will not work and will do another action. How can I do that (css-tricks, js, anything)? Thanks.
<paper-menu>
<paper-submenu>
<!--Problem starts here-->
<paper-item class="menu-trigger">
<i class="material-icons"></i>
<a (click)="someAction()">Test 1</a>
</paper-item>
<!--And finishs here-->
<paper-menu class="menu-content sublist">
<paper-submenu>
<paper-item class="menu-trigger">
<i class="material-icons "></i>
<a>Test 1.1</a>
</paper-item>
<paper-menu class="menu-content sublist2">
<paper-item>
<a>Test 1.1.1</a>
</paper-item>
<paper-item>
<a>Test 1.1.2</a>
</paper-item>
</paper-menu>
</paper-submenu>
<paper-item>
<a>Test 1.2</a>
</paper-item>
<paper-item>
<a>Test 1.3</a>
</paper-item>
</paper-menu>
</paper-submenu>
</paper-menu>
Metadata
Metadata
Assignees
Labels
No labels