Set the disabled state in Angular Split button component
27 Sep 20232 minutes to read
SplitButton component can be enabled or disabled by disabled
property.
To disable SplitButton component, set the disabled property as true.
The following example illustrates how to set the disable state in SplitButton component.
import { Component } from '@angular/core';
import { ItemModel } from '@syncfusion/ej2-angular-splitbuttons';
@Component({
selector: 'app-root',
template: `<div class="e-section-control">
<!-- To Render splitbutton. -->
<ejs-splitbutton content="Autosum" [items]='items' iconCss="e-sb e-sigma" disabled= true></ejs-splitbutton></div>`
})
export class AppComponent {
public items: ItemModel[] = [
{
text: 'Autosum'
},
{
text: 'Average'
},
{
text: 'Count numbers',
},
{
text: 'Min'
},
{
text: 'Max'
}];
}
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { SplitButtonModule } from '@syncfusion/ej2-angular-splitbuttons';
/**
* Module
*/
@NgModule({
imports: [
BrowserModule,
SplitButtonModule
],
declarations: [AppComponent],
bootstrap: [AppComponent]
})
export class AppModule { }
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { AppModule } from './app.module';
import 'zone.js';
enableProdMode();
platformBrowserDynamic().bootstrapModule(AppModule);