How can I make the text of a button change in AngularJS?

Question

I have a button in HTML:

<button>     </button>

How can I make the change inside change depending on the value of a $scope variable?

$scope.action == Action.Authenticating

I would like it to say "Sign in" when this is false and "Signing in..." when it is true.

Answer 1

You can use the ternary operator inside a binding:

<button>{{action === "someValue" ? "Primary" : "Alternate"}}</button>

Answer 2

Here you go:

<button>{{action ? 'Signing in...' : 'Sign in'}}</button>