Below is the code snippet:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['../assets/css/app.component.css']
})
export class MainVisualComponent {
main_visual_img:string = "";
main_visual_desc:string = "";
main_visual_title:string = "";
constructor(main_visual_img:string, main_visual_desc:string, main_visual_title:string){
this.main_visual_img = main_visual_img;
this.main_visual_desc = main_visual_desc;
this.main_visual_title = main_visual_title;
}
}
HTML Code:
<section style="text-align:center">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<visual-item></visual-item>
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
</a>
</div>
</section>