Angular Button Group - A Component With Radio Type Selection

<div>                 
    <button ejs-button iconCss="bg-icons e-btngrp-watch"></button>
    <button ejs-button iconCss="bg-icons e-btngrp-star"></button>
    <button ejs-button iconCss="bg-icons e-btngrp-download"></button>                           
</div>
   
<style>
.e-btngrp-watch::before {
    content: '\e71b';
}
    
.e-btngrp-star::before {
    content: '\e710';
}
    
.e-btngrp-download::before {
    content: '\e712';
}
</style>

import { Component, ViewEncapsulation, OnInit, Inject } from '@angular/core';
import { rippleEffect } from '@syncfusion/ej2-base';

@Component({
    selector: 'control-content',
    templateUrl: 'button-group.html',
    encapsulation: ViewEncapsulation.None
})
 // To enable ripple in checkbox/radio type ButtonGroup.
    export class ButtonGroupController implements OnInit {
    ngOnInit(): void {
        // To enable ripple in checkbox/radio type ButtonGroup.
        let buttons: NodeListOf<Element> = document.querySelectorAll('label.e-btn');
        let button: HTMLElement;
        for (let i: number = 0; i < buttons.length; i++) {
            button = buttons.item(i) as HTMLElement;
            rippleEffect(button, { selector: '.e-btn' });
        }
    }    
 }