2017-02-25 74 views
2

我创建了一个角度指令。它基本上是一个按钮。点击此按钮后,它应该更改它的背景颜色的波纹图案。纹波必须从用户点击了按钮。 我的指令在角度js指令中创建涟漪效果

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

<div id="button">My Button</div>
我想通过操纵DOM和角度的方式,方法是使用cordinates做到这一点。

回答

1

的simpliest方法是使用按钮从角料,这是很容易 https://material.angularjs.org/latest/demo/button

+0

不,先生,我不希望使用角材料与什么,我想在这里做的是改变我的按钮的背景(指令)永久性的涟漪效应方式,而不是Angular-material中所示的瞬间涟漪效应。我已经看到它是通过执行dom-manipulation和css transform属性使用纯javascript完成的,但是我想在角度使用指令的方式。 –