How trigger component creation even if hidden
Using Angular, my page has multiples components included in NgbNav. Basically, When each component loads, it calls an API and displays a list. The component also emit an event, telling the parent component how much data was found. I use this information to display it in the tab.
Before I click on the second tab : No data.
After I clicked on the second tab : The child component fetched the list, emitted the event and the tab was updated with the total count :
How can I trigger the component creation even if it is hidden in the tab, not shown yet ?
You can use [destroyOnHide]="false" attribute along with ngbNav ( api: https://ng-bootstrap.github.io/#/components/nav/api ). In this case, your hidden tabs will always be present in DOM. See a demo https://stackblitz.com/edit/angular-odykfr?file=src%2Fapp%2Fnav-basic.html
- Navigation customization
- Printing a HTML template as PDF - Angular 2
- Semantic colors in an Angular Material component
- Create component & add it to a specific module with Angular-CLI
- MSAL Angular HTTP interceptor for localhost not attaching token
- Angular: How to get the current locale at runtime when using AOT
- How can I conditionally disable the routerLink attribute?
- How to hide angular version from wappalyzer?
- Designing nested reactive forms from nested classes
- TypeScript update with Angular update from 16 to 17
- Dynamically set the printed page size using '@page'
- Cookie not set in Angular project when calling ASP.NET Core 6 Web API despite Set-Cookie header
- Angular Module Federation NullInjectorError
- Why is drag and drop not working in this PrimeNG tree?
- View not updating when form data changes
- Access a private variable in spec.ts, Angular6
- How to add Pico CSS to your global scss stylesheet in Angular 17?
- How to use Angular async pipe to display errors and loading statuses on route param change?
- How to open a particular menu programmatically if more than one menu element - angular cdk menu
- How to Deploy Angular SSG on IIS
- Density in Angular Material Design for single buttons only
- How to add a button in a mat-select option when an option is selected?
- Can directive set another directives on the same element?
- Firebase - Check if it's the first time signing in
- Why mat-spinner not showing?
- Angular V18, SSR and requests to Firestore
- Add Angular Material to Nx Workspace
- how to best conditional template show in angular 4
- Ionic not destroying pages after leaving it
- PrimeNg Editor is not showing up - Angular