search

tilwinjoy / angular-bootstrap-material

AngularJS directives for bootstrap material design components
http://tilwinjoy.github.io/angular-bootstrap-material
21 stars 13 forks source link

Ripple effect #16

Closed Evanion closed 7 years ago

Evanion commented 7 years ago

I have noticed that The ripple effect is no working for me .. I'm using abm-component directive where needed .. but it doesn't show on checkboxes, navbar etc 😞 (does work on buttons though)

example:

<header class="header-navbar">
  <nav class="navbar navbar-default" abm-component>
    <div class="container-fluid">

      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" aria-expanded="false" ng-click="navbar.collapse = !navbar.collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="">Nova<div class="ripple-container"></div></a>
      </div>

      <main-menu class="navbar-collapse collapse" uib-collapse="navbar.collapse" role="navbar.role"></main-menu>

    </div>
  </nav>
</header>

The main-menu component loads the <ul /> with all the menu items.

tilwinjoy commented 7 years ago

Hi, are you getting any errors? Could you replicate this in the template JSFiddle?