각도 js 지시문에서 파급 효과 만들기

Question

각도 지시문을 만들었습니다. 기본적으로 버튼입니다.이 버튼을 클릭하면 리플 패턴의 배경색이 변경됩니다. 리플은 사용자가 시작하는 지점부터 시작해야합니다 버튼을 클릭했습니다. 내 지시

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

내가 DOM을 조작하고 각도 방법으로 페이지 좌표,를 사용하여이 작업을 수행 할

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

button.html.

Answer 1

simpliest 방법은 내가 각도 재료를 사용하려는 내가 여기 일을하려고하고있어 내 버튼의 배경을 변경하지 않는 https://material.angularjs.org/latest/demo/button