BootStrap in Angular || Displaying Data and Handling Events

In this video,I explained how to add bootstrap in Angular. Feel free to comment. For more, please subscribe and press the BELL icon. Please visit my Angular Playlist. Please visit my YouTube Videos.  The code is as follows -

bootstrap.component.ts - 
import { Component } from '@angular/core';

@Component ({
  selector: 'boot',
  template: `
             <h4> BootStrap Buttons </h4>
             <button class="btn btn-primary"> Submit </button>
             <br/> <br/>
             <table class= "table table-bordered">
                 <tr>  <th> Name </th> <th> Contact Number </th> </tr>
                 <tr> <td> Rahul </td> <td> 84746377827 </td> </tr>
                 <tr> <td> Mr. Rahul </td> <td> 8474637 </td> </tr>
             </table>


            `
})

export class BootComponent {

}


Comments

Popular posts from this blog

Event Binding and Event Filtering || Displaying Data and Handling Events

Service in Angular || Dependency Injection || Angular Fundamentals

Property and Attribute Binding in Angular || Displaying Data and Handling Events