feat(dropdownToggle): Prevent dropdown from closing automatically

[hainp2604]

Hi,

Foundation has 'content' dropdown which won't be closed when we click on it. So, I come up with a solution for #119.

[jbrowning]

Thanks for your contribution @hainp. Instead of checking for the content class, which could easily collide with user-defined classes, I'd rather configure this via an attribute on the dropdownToggle directive.

[drasill]

Foundation has 'content' dropdown which won't be closed when we click on it.

As I see on http://foundation.zurb.com/docs/components/dropdown.html, the "content" dropdown is just a style :

content: Add padding inside the dropdown for better-looking content

Also on this page, every dropdown on the page is kept open on click.

Shouldn't angular-foundation do the same ?

[hainp2604]

@jbrowning: Oh, my bad, I still have 'jQuery' in my head when writing the code. I should go the attribute-way :)

@drasill : I made wrong assumption about 'content' dropdown.

[jbrowning]

@drasill the goal of this project is to provide Angular components for Foundation CSS, not necessarily to replicate the behavior of Foundation's vanilla JS components.

@hainp make it so 😉

[itonics-tbeauvais]

This is rather old, is this going to be pulled anytime soon?

[ghost]

I find that this does not work, on chrome... Unless you replace the line:

if (dropdown.attr('show-on-click')) {

with:

if (dropdown.attr('show-on-click') != null) {