MaterializeCSS markup with non-working ionics

I am developing an Ionic mobile app using Materialize CSS. The problem is when I have to add components like dropdown menu.

 <!-- Dropdown Trigger -->
  <a class='dropdown-button btn' href='#' data-activates='dropdown1'>Drop Me!</a>

  <!-- Dropdown Structure -->
  <ul id='dropdown1' class='dropdown-content'>
    <li><a href="#!">one</a></li>
    <li><a href="#!">two</a></li>
    <li class="divider"></li>
    <li><a href="#!">three</a></li>


The problem is the href in the dropdown-button, which redirects to Route, c # instead of showing the menu.

How can I work with this component?



source to share

1 answer

I know it is late to answer this question, but wanted to share something ...

I think the issue with the dropdown is jQuery related because this is not supported by the cordova or phonegap hybrid app you used ionic in.

You can use pure javascript or angularjs in hybrid apps. you can also use ionic dropdown and add your own class using materializecss dropdown design by copying dropdown class from materialize.css file.

The best way to use materializecss when working with ionic frames is to only use CSS code and use other javascript plugins to get those effects.

You can also use ionic material if you like some of its features similar to materializecss



All Articles