hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-17 15:03:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

[DURACOM-191] fix dynamicComponentLoader

Browse Source
This commit is contained in:
Andrea Barbasso
2024-03-07 15:41:37 +01:00
parent a8b4c82b9a
commit 19f806caf2
3 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/shared/abstract-component-loader/abstract-component-loader.component.html
View File

@@ -1 +1 @@
<ng-template dsDynamicComponentLoader></ng-template> <ng-template #DynamicComponentLoader dsDynamicComponentLoader></ng-template>

8
src/app/shared/abstract-component-loader/abstract-component-loader.component.ts
View File

@@ -19,13 +19,17 @@ import { DynamicComponentLoaderDirective } from './dynamic-component-loader.dire
@Component({ @Component({
selector: 'ds-abstract-component-loader', selector: 'ds-abstract-component-loader',
templateUrl: './abstract-component-loader.component.html', templateUrl: './abstract-component-loader.component.html',
standalone: true,
imports: [
DynamicComponentLoaderDirective,
]
}) })
export abstract class AbstractComponentLoaderComponent<T> implements OnInit, OnChanges, OnDestroy { export abstract class AbstractComponentLoaderComponent<T> implements OnInit, OnChanges, OnDestroy {
/** /**
* Directive to determine where the dynamic child component is located * Directive to determine where the dynamic child component is located
*/ */
@ViewChild(DynamicComponentLoaderDirective, { static: true }) componentDirective: DynamicComponentLoaderDirective; @ViewChild('DynamicComponentLoader', { static: true, read: ViewContainerRef }) componentViewContainerRef: ViewContainerRef;
/** /**
* The reference to the dynamic component * The reference to the dynamic component
@@ -94,7 +98,7 @@ export abstract class AbstractComponentLoaderComponent<T> implements OnInit, OnC
public instantiateComponent(): void { public instantiateComponent(): void {
const component: GenericConstructor<T> = this.getComponent(); const component: GenericConstructor<T> = this.getComponent();
const viewContainerRef: ViewContainerRef = this.componentDirective.viewContainerRef; const viewContainerRef: ViewContainerRef = this.componentViewContainerRef;
viewContainerRef.clear(); viewContainerRef.clear();
this.compRef = viewContainerRef.createComponent( this.compRef = viewContainerRef.createComponent(

4
src/themes/dspace/app/header/header.component.ts
View File

@@ -11,7 +11,7 @@ import { RouterLink } from '@angular/router';
import { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap'; import { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
import { ThemedLangSwitchComponent } from 'src/app/shared/lang-switch/themed-lang-switch.component'; import { ThemedLangSwitchComponent } from 'src/app/shared/lang-switch/themed-lang-switch.component';
import { Observable } from 'rxjs'; import { Observable } from 'rxjs';
import { AsyncPipe } from '@angular/common'; import { AsyncPipe, NgIf } from '@angular/common';
/** /**
* Represents the header with the logo and simple navigation * Represents the header with the logo and simple navigation
@@ -21,7 +21,7 @@ import { AsyncPipe } from '@angular/common';
styleUrls: ['header.component.scss'], styleUrls: ['header.component.scss'],
templateUrl: 'header.component.html', templateUrl: 'header.component.html',
standalone: true, standalone: true,
imports: [NgbDropdownModule, ThemedLangSwitchComponent, RouterLink, ThemedSearchNavbarComponent, LangSwitchComponent, ContextHelpToggleComponent, ThemedAuthNavMenuComponent, ImpersonateNavbarComponent, ThemedNavbarComponent, TranslateModule, AsyncPipe] imports: [NgbDropdownModule, ThemedLangSwitchComponent, RouterLink, ThemedSearchNavbarComponent, LangSwitchComponent, ContextHelpToggleComponent, ThemedAuthNavMenuComponent, ImpersonateNavbarComponent, ThemedNavbarComponent, TranslateModule, AsyncPipe, NgIf]
}) })
export class HeaderComponent extends BaseComponent implements OnInit { export class HeaderComponent extends BaseComponent implements OnInit {
public isNavBarCollapsed$: Observable<boolean>; public isNavBarCollapsed$: Observable<boolean>;