I would like to have a “plus” icon in my sidebar menu item:
http://dl.dropbox.com/u/1893981/Screenshots/fvdm.png
<ion-side-menu side="left">
<header class="bar bar-header bar-dark">
<h1 class="title">Menu</h1>
</header>
<ion-content class="has-header">
<div class="list">
<a class="item item-icon-left item-icon-right" ui-sref="app.feed" nav-clear menu-close>
<i class="icon ion-social-rss"></i>
All Feeds
<i class="icon ion-plus"></i>
<i class="icon ion-chevron-right icon-accessory"></i>
</a>
</div>
...
</ion-content>
</ion-side-menu>
I want this plus icon to change a state when clicked. So basically, I would to replace:
<i class="icon ion-plus"></i>
with:
<a ui-sref="app.new-feed">
<i class="icon ion-plus"></i>
</a>
But, it breaks things:
http://dl.dropbox.com/u/1893981/Screenshots/s9uw.png
I guess this is because I can’t have <a>
inside <a>
.
Any ideas how to fix this?