在角度js指令中創建漣漪效果

我創建了一個角度指令。它基本上是一個按鈕。點擊此按鈕後，它應該更改它的背景顏色的波紋圖案。紋波必須從用戶點擊了按鈕。我的指令在角度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做到這一點。

來源

2017-02-25 Vikram Prasad

的simpliest方法是使用按鈕從角料，這是很容易 https://material.angularjs.org/latest/demo/button

來源

2017-02-25 21:21:24

不，先生，我不希望使用角材料與什麼，我想在這裏做的是改變我的按鈕的背景（指令）永久性的漣漪效應方式，而不是Angular-material中所示的瞬間漣漪效應。我已經看到它是通過執行dom-manipulation和css transform屬性使用純javascript完成的，但是我想在角度使用指令的方式。 –

在角度js指令中創建漣漪效果

回答

相關問題