實現按鈕反饋的最佳方式

Question

我希望我的應用中的按鈕提供反饋，例如demonstrated here。

我想知道如何構建我的代碼。我希望能夠改變類，文本，並可能在點擊後禁用它們。我猜一個指令是正確的，但是會發生確切的變化取決於按鈕，並且將內容或類名放入控制器或指令內似乎不太正確。

現在我有一個非常通用的指令，通過其他屬性採取所有選項，但我不知道是否有人可以看到更好的方式嗎？

Answer 1

始終以一個非常簡單的directive開頭，並使用CSS類進行擴展。如果你想做一件特別的工作，你可以使用controller的功能。我認爲你做出了正確的選擇。想看看角UI最佳實踐：http://angular-ui.github.io

你可以在每個動作添加事件：

// Create a new instance of ladda for the specified button 
var l = Ladda.create(document.querySelector('.my-button')); 
// Start loading 
l.start(); 
// Will display a progress bar for 50% of the button width 
l.setProgress(0.5); 
// Stop loading 
l.stop(); 
// Toggle between loading/not loading states 
l.toggle(); 
// Check the current state 
l.isLoading();