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 {
}
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
Post a Comment