How to use Bootstrap loading buttons in Angular 2/4?

[Dhinakar Reddy Pothireddi]

I am new to Angular and trying to simulate this kind of action.

https://www.tutorialrepublic.com/codelab.php?topic=bootstrap&file=stateful-button

Thanks in advance.

[Sander Elias]

Hi Dhinikar,

If you like, you can use that button. You can wrap the behaviour in a directive, so it's easier to use in Angular. in that case use elementRef.nativeelement to grab a reference to the DOM object, and then you can call the bootstrap function from.

Regards

Sander

[Dhinakar Reddy Pothireddi]

Thanks Sander

[Dhinakar Reddy Pothireddi]

I solved it this way

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

<button class="btn btn-info btn-md">

<i class="fa fa-spinner fa-spin" *ngIf="isValid"></i>

Loading

</button>

isValid = true;