实现按钮反馈的最佳方式

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();