在角度js指令中创建涟漪效果

Question

我创建了一个角度指令。它基本上是一个按钮。单击此按钮，它应该以波纹图案改变它的背景颜色。纹波必须从用户点击的点开始。按钮。 我的指示

＆＃13;

＆＃13;

angular.module("myApp",[])
  .directive('myButton', function(){
    return{
      restrict:'E',
      templateUrl:'button.html',
      link:function(scope,element,attrs){
        element.bind('click', function(e){
        });
      }
    }
  });

＆＃13;

＆＃13;

＆＃13; button.html

＆＃13;

＆＃13;

<div id="button">My Button</div>

＆＃13;

＆＃13;

＆＃13; 我想通过操纵DOM并以有角度的方式使用页面坐标来做到这一点。

Answer 1

最简单的方法是使用Angular Material中的按钮，它非常简单 https://material.angularjs.org/latest/demo/button