chore(providers): removed deprecated function .forRoot()

Alex Umanskiy · Alex Umanskiy · commit ed0932cb5007 · 2026-04-16T12:29:08.000Z
diff --git a/libs/common-docs/src/lib/common/documentation/documentation.component.html b/libs/common-docs/src/lib/common/documentation/documentation.component.html
@@ -145,7 +145,7 @@ <h4>Manual way</h4>
   <span class="lit">&#64;NgModule</span><span class="pun">({{'{'}}</span>
   <span class="pln">  &hellip;</span>
   <span class="pln">  imports:</span><span class="pln"> </span><span class="pln">[</span><span class="pln"> </span><span
-        class="typ">TooltipModule<span class="pln">.forRoot(), &hellip;</span></span><span class="pln"> </span><span
+        class="typ">TooltipModule<span class="pln">, &hellip;</span></span><span class="pln"> </span><span
         class="pun">]</span>
   <span class="pln">  &hellip;</span>
   <span class="pun">{{'}'}})</span></pre>
diff --git a/libs/common-docs/src/lib/demo-section-components/demo-examples-section/stackblitz/app.module.ts b/libs/common-docs/src/lib/demo-section-components/demo-examples-section/stackblitz/app.module.ts
@@ -24,7 +24,7 @@ import { ${className === 'DemoModalServiceFromComponent' ? `${className}, ModalC
 @NgModule({
   declarations: [${className === 'DemoModalServiceFromComponent' ? `${className}, ModalContentComponent` : className}],
   imports: [
-    ${moduleData.moduleName}.forRoot(),
+    ${moduleData.moduleName},
     ${className === 'DemoModalWithPopupsComponent' ? `TooltipModule,
     PopoverModule,` : ''}
     BrowserAnimationsModule,
diff --git a/src/accordion/accordion.module.ts b/src/accordion/accordion.module.ts
@@ -1,4 +1,4 @@
-import { ModuleWithProviders, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 
 import { AccordionComponent } from './accordion.component';
 import { AccordionPanelComponent } from './accordion-group.component';
@@ -7,12 +7,4 @@ import { AccordionPanelComponent } from './accordion-group.component';
     imports: [AccordionComponent, AccordionPanelComponent],
     exports: [AccordionComponent, AccordionPanelComponent]
 })
-export class AccordionModule {
-  // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot(): ModuleWithProviders<AccordionModule> {
-    return {
-      ngModule: AccordionModule,
-      providers: []
-    };
-  }
-}
+export class AccordionModule {}
diff --git a/src/alert/alert.module.ts b/src/alert/alert.module.ts
@@ -1,16 +1,8 @@
-import { ModuleWithProviders, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { AlertComponent } from './alert.component';
 
 @NgModule({
     imports: [AlertComponent],
     exports: [AlertComponent]
 })
-export class AlertModule {
-  // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot(): ModuleWithProviders<AlertModule> {
-    return {
-      ngModule: AlertModule,
-      providers: []
-    };
-  }
-}
+export class AlertModule {}
diff --git a/src/buttons/buttons.module.ts b/src/buttons/buttons.module.ts
@@ -1,4 +1,4 @@
-import { ModuleWithProviders, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 
 import { ButtonCheckboxDirective } from './button-checkbox.directive';
 import { ButtonRadioDirective } from './button-radio.directive';
@@ -8,12 +8,4 @@ import { ButtonRadioGroupDirective } from './button-radio-group.directive';
     imports: [ButtonCheckboxDirective, ButtonRadioDirective, ButtonRadioGroupDirective],
     exports: [ButtonCheckboxDirective, ButtonRadioDirective, ButtonRadioGroupDirective]
 })
-export class ButtonsModule {
-  // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot(): ModuleWithProviders<ButtonsModule> {
-    return {
-      ngModule: ButtonsModule,
-      providers: []
-    };
-  }
-}
+export class ButtonsModule {}
diff --git a/src/carousel/carousel.module.ts b/src/carousel/carousel.module.ts
@@ -1,4 +1,4 @@
-import { ModuleWithProviders, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 
 import { CarouselComponent } from './carousel.component';
 import { SlideComponent } from './slide.component';
@@ -7,12 +7,4 @@ import { SlideComponent } from './slide.component';
     imports: [SlideComponent, CarouselComponent],
     exports: [SlideComponent, CarouselComponent]
 })
-export class CarouselModule {
-  // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot(): ModuleWithProviders<CarouselModule> {
-    return {
-      ngModule: CarouselModule,
-      providers: []
-    };
-  }
-}
+export class CarouselModule {}
diff --git a/src/collapse/collapse.module.ts b/src/collapse/collapse.module.ts
@@ -1,17 +1,9 @@
-import { ModuleWithProviders, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 
 import { CollapseDirective } from './collapse.directive';
 
 @NgModule({
     imports: [CollapseDirective],
     exports: [CollapseDirective]
 })
-export class CollapseModule {
-  // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot(): ModuleWithProviders<CollapseModule> {
-    return {
-      ngModule: CollapseModule,
-      providers: []
-    };
-  }
-}
+export class CollapseModule {}
diff --git a/src/datepicker/bs-datepicker.module.ts b/src/datepicker/bs-datepicker.module.ts
@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { ModuleWithProviders, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 
 import { TooltipModule } from 'ngx-bootstrap/tooltip';
 import { TimepickerModule } from 'ngx-bootstrap/timepicker';
@@ -62,12 +62,4 @@ import { BsYearsCalendarViewComponent } from './themes/bs/bs-years-calendar-view
         BsDaterangepickerInputDirective
     ]
 })
-export class BsDatepickerModule {
-  // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot(): ModuleWithProviders<BsDatepickerModule> {
-    return {
-      ngModule: BsDatepickerModule,
-      providers: []
-    };
-  }
-}
+export class BsDatepickerModule {}
diff --git a/src/dropdown/bs-dropdown.module.ts b/src/dropdown/bs-dropdown.module.ts
@@ -1,4 +1,4 @@
-import { ModuleWithProviders, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 
 import { BsDropdownContainerComponent } from './bs-dropdown-container.component';
 import { BsDropdownMenuDirective } from './bs-dropdown-menu.directive';
@@ -19,12 +19,4 @@ import { BsDropdownDirective } from './bs-dropdown.directive';
         BsDropdownDirective
     ]
 })
-export class BsDropdownModule {
-  // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot(): ModuleWithProviders<BsDropdownModule> {
-    return {
-      ngModule: BsDropdownModule,
-      providers: []
-    };
-  }
-}
+export class BsDropdownModule {}
diff --git a/src/focus-trap/focus-trap.module.ts b/src/focus-trap/focus-trap.module.ts
@@ -1,4 +1,4 @@
-import { ModuleWithProviders, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 import { FocusTrapDirective } from './focus-trap';
@@ -7,12 +7,4 @@ import { FocusTrapDirective } from './focus-trap';
     imports: [CommonModule, FocusTrapDirective],
     exports: [FocusTrapDirective]
 })
-export class FocusTrapModule {
-  // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot(): ModuleWithProviders<FocusTrapModule> {
-    return {
-      ngModule: FocusTrapModule,
-      providers: []
-    };
-  }
-}
+export class FocusTrapModule {}
diff --git a/src/modal/bs-modal.service.ts b/src/modal/bs-modal.service.ts
@@ -24,7 +24,7 @@ import { document } from 'ngx-bootstrap/utils';
 
 let currentId = 1;
 
-@Injectable({providedIn: 'platform'})
+@Injectable({providedIn: 'root'})
 export class BsModalService {
   // constructor props
   config: ModalOptions;
diff --git a/src/modal/modal.module.ts b/src/modal/modal.module.ts
@@ -1,13 +1,10 @@
-import { ModuleWithProviders, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 
 import { FocusTrapModule } from 'ngx-bootstrap/focus-trap';
 
 import { ModalBackdropComponent } from './modal-backdrop.component';
 import { ModalDirective } from './modal.directive';
 import { ModalContainerComponent } from './modal-container.component';
-import { BsModalService } from './bs-modal.service';
-import { ComponentLoaderFactory } from 'ngx-bootstrap/component-loader';
-import { PositioningService } from 'ngx-bootstrap/positioning';
 
 @NgModule({
     imports: [
@@ -18,20 +15,4 @@ import { PositioningService } from 'ngx-bootstrap/positioning';
     ],
     exports: [ModalBackdropComponent, ModalDirective]
 })
-export class ModalModule {
-  // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot(): ModuleWithProviders<ModalModule> {
-    return {
-      ngModule: ModalModule,
-      providers: [BsModalService, ComponentLoaderFactory, PositioningService]
-    };
-  }
-
-  // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forChild(): ModuleWithProviders<ModalModule> {
-    return {
-      ngModule: ModalModule,
-      providers: [BsModalService, ComponentLoaderFactory, PositioningService]
-    };
-  }
-}
+export class ModalModule {}
diff --git a/src/pagination/pagination.module.ts b/src/pagination/pagination.module.ts
@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { ModuleWithProviders, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 
 import { PagerComponent } from './pager.component';
 import { PaginationComponent } from './pagination.component';
@@ -8,12 +8,4 @@ import { PaginationComponent } from './pagination.component';
     imports: [CommonModule, PagerComponent, PaginationComponent],
     exports: [PagerComponent, PaginationComponent]
 })
-export class PaginationModule {
-  // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot(): ModuleWithProviders<PaginationModule> {
-    return {
-      ngModule: PaginationModule,
-      providers: []
-    };
-  }
-}
+export class PaginationModule {}
diff --git a/src/popover/popover.directive.ts b/src/popover/popover.directive.ts
@@ -264,6 +264,10 @@ export class PopoverDirective implements OnInit, OnDestroy {
     }
     this._isInited = true;
 
+    // Remove native 'popover' attribute to prevent conflict with the HTML Popover API
+    // The Angular @Input() binding is managed via property binding and is unaffected
+    this._renderer.removeAttribute(this._elementRef.nativeElement, 'popover');
+
     this._popover.listen({
       triggers: this.triggers,
       outsideClick: this.outsideClick,
diff --git a/src/popover/popover.module.ts b/src/popover/popover.module.ts
@@ -1,4 +1,4 @@
-import { ModuleWithProviders, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 import { PopoverDirective } from './popover.directive';
@@ -8,12 +8,4 @@ import { PopoverContainerComponent } from './popover-container.component';
     imports: [CommonModule, PopoverDirective, PopoverContainerComponent],
     exports: [PopoverDirective]
 })
-export class PopoverModule {
-  // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot(): ModuleWithProviders<PopoverModule> {
-    return {
-      ngModule: PopoverModule,
-      providers: []
-    };
-  }
-}
+export class PopoverModule {}
diff --git a/src/progressbar/progressbar.module.ts b/src/progressbar/progressbar.module.ts
@@ -1,4 +1,4 @@
-import { ModuleWithProviders, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 
 import { BarComponent } from './bar.component';
 import { ProgressbarComponent } from './progressbar.component';
@@ -7,12 +7,4 @@ import { ProgressbarComponent } from './progressbar.component';
     imports: [BarComponent, ProgressbarComponent],
     exports: [BarComponent, ProgressbarComponent]
 })
-export class ProgressbarModule {
-  // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot(): ModuleWithProviders<ProgressbarModule> {
-    return {
-      ngModule: ProgressbarModule,
-      providers: []
-    };
-  }
-}
+export class ProgressbarModule {}
diff --git a/src/rating/rating.module.ts b/src/rating/rating.module.ts
@@ -1,17 +1,9 @@
-import { ModuleWithProviders, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 
 import { RatingComponent } from './rating.component';
 
 @NgModule({
     imports: [RatingComponent],
     exports: [RatingComponent]
 })
-export class RatingModule {
-  // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot(): ModuleWithProviders<RatingModule> {
-    return {
-      ngModule: RatingModule,
-      providers: []
-    };
-  }
-}
+export class RatingModule {}
diff --git a/src/schematics/src/ng-add/index.ts b/src/schematics/src/ng-add/index.ts
@@ -97,7 +97,7 @@ function addModuleOfComponent(project: workspaces.ProjectDefinition, host: Tree,
       return;
     }
     addModuleImportToRootModule(
-      host, `${components[componentName].moduleName}.forRoot()`, components[componentName].link, project
+      host, components[componentName].moduleName, components[componentName].link, project
     );
   }
 }
diff --git a/src/sortable/sortable.module.ts b/src/sortable/sortable.module.ts
@@ -1,17 +1,9 @@
-import { ModuleWithProviders, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 
 import { SortableComponent } from './sortable.component';
 
 @NgModule({
     imports: [SortableComponent],
     exports: [SortableComponent]
 })
-export class SortableModule {
-  // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot(): ModuleWithProviders<SortableModule> {
-    return {
-      ngModule: SortableModule,
-      providers: []
-    };
-  }
-}
+export class SortableModule {}
diff --git a/src/tabs/tabs.module.ts b/src/tabs/tabs.module.ts
@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { NgModule, ModuleWithProviders } from '@angular/core';
+import { NgModule } from '@angular/core';
 
 import { NgTranscludeDirective } from './ng-transclude.directive';
 import { TabHeadingDirective } from './tab-heading.directive';
@@ -18,12 +18,4 @@ import { TabsetComponent } from './tabset.component';
         NgTranscludeDirective
     ]
 })
-export class TabsModule {
-  // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot(): ModuleWithProviders<TabsModule> {
-    return {
-      ngModule: TabsModule,
-      providers: []
-    };
-  }
-}
+export class TabsModule {}
diff --git a/src/timepicker/timepicker.module.ts b/src/timepicker/timepicker.module.ts
@@ -1,17 +1,9 @@
-import { ModuleWithProviders, NgModule } from '@angular/core';
+import { NgModule } from '@angular/core';
 
 import { TimepickerComponent } from './timepicker.component';
 
 @NgModule({
     imports: [TimepickerComponent],
     exports: [TimepickerComponent],
 })
-export class TimepickerModule {
-  // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot(): ModuleWithProviders<TimepickerModule> {
-    return {
-      ngModule: TimepickerModule,
-      providers: []
-    };
-  }
-}
+export class TimepickerModule {}
diff --git a/src/tooltip/tooltip.module.ts b/src/tooltip/tooltip.module.ts
diff --git a/src/typeahead/typeahead.module.ts b/src/typeahead/typeahead.module.ts
