Buttons

Disabled Buttons

Bind to HTTP Requests

You can bind buttons to HTTP requests using the ng1Button directive. This will automatically handle disabling the button while the request is in progress and showing a loading indicator if configured. The button will be enabled again once the request completes. You can also control the behavior of the button using the disableDuringRequest and loadingIndicator inputs. The request input is used to identify the request, which can be useful for tracking multiple requests.

This button will be disabled while waiting for the HTTP request to complete.
(disableDuringRequest="true", loadingIndicator="false")

This button will show a loading indicator while waiting for the HTTP request to complete.
(disableDuringRequest="false", loadingIndicator="true")

This button will be disabled while the request is in progress, and it will show a loading indicator.
(disableDuringRequest="true", loadingIndicator="true")