Activate AdminBSB input elements on AppComponentBase

Author: vdurante

angular/src/shared/app-component-base.ts

@@ -1,4 +1,4 @@
-import { Injector } from '@angular/core';
+import { Injector, ElementRef } from '@angular/core';
 import { AppConsts } from '@shared/AppConsts';
 import { LocalizationService } from '@abp/localization/localization.service';
 import { PermissionCheckerService } from '@abp/auth/permission-checker.service';
@@ -21,6 +21,7 @@ export abstract class AppComponentBase {
     message: MessageService;
     multiTenancy: AbpMultiTenancyService;
     appSession: AppSessionService;
+    domNode: HTMLElement = null;
 
     constructor(injector: Injector) {
         this.localization = injector.get(LocalizationService);
@@ -31,6 +32,11 @@ export abstract class AppComponentBase {
         this.message = injector.get(MessageService);
         this.multiTenancy = injector.get(AbpMultiTenancyService);
         this.appSession = injector.get(AppSessionService);
+        this.domNode = injector.get(ElementRef).nativeElement;
+    }
+    
+    ngAfterViewInit(): void {
+        ($ as any).AdminBSB.input.activate($(this.domNode));
     }
 
     l(key: string, ...args: any[]): string {
@@ -51,4 +57,4 @@ export abstract class AppComponentBase {
     isGranted(permissionName: string): boolean {
         return this.permission.isGranted(permissionName);
     }
-}
+}