Остановить эффект вложенных пульсаций

Question

Я работаю с Angular Materia 0.10.1.

У меня есть md-button, вложенный внутри md-list-item. Оба элемента запускают эффект пульсации при нажатии, и когда я нажимаю кнопку, он одновременно вызывает эффект пульсации на обоих элементах. Я хочу иметь рябь на кнопке или в элементе списка только, но никогда в обоих случаях.

<md-list flex> 
    <md-list-item ng-click="a('a')"> 
     <p>Some name</p> 
     <md-button class="md-accent md-raised" ng-click="b('b', $event)">Do something</md-button> 
    </md-list-item> 
</md-list> 

Я использовал $event.stopPropagation() но это не останавливает ряби таким же образом, он останавливает вложенные события щелчка.

This Plunker может продемонстрировать это лучше.

Answer 1

Кажется, что-то встроено в класс md-primary и как оно работает с элементом списка. Если вы посмотрите на примеры есть несколько, которые имеют боковые кнопки, которые не демонстрируют такое поведение

просто поменяв класс на кнопке, чтобы md-secondary, кажется, чтобы решить проблему (укладка является отдельным один сейчас, хотя)

<md-button class="md-secondary md-raised" ng-click="b('b')">Do something</md-button> 

http://plnkr.co/edit/4fo8u190gpKyoHznVbFM?p=preview

в качестве альтернативы, в данном примере используется md-icon вместо кнопок, и что, кажется, работает тоже.