angularjs - 实现按钮反馈的最佳方式

Question

我希望我的应用程序中的按钮能够提供反馈，例如此处所示。

我想知道我应该如何构建我的代码。我希望能够更改类、文本并在单击时禁用它们。我猜一个指令是合适的，但是将发生的确切变化取决于按钮，并且将内容或类名放在控制器或指令中似乎不太正确。

现在我有一个非常通用的指令，它通过附加属性获取所有选项，但我想知道是否有人可以看到更好的方法？

Answer 1

总是从一个非常简单的开始directive并使用 CSS 类进行扩展。如果你想把某项工作做好，你可以使用controller. 我认为你做出了正确的选择。想想看 angular 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();