Stack Overflow
Stack Overflow

Questions tagged [ngoninit]

For questions about ngoninit, a lifecycle hook that is called after Angular has initialized all data-bound properties of a directive.

ngOnInit is a callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated to handle any additional initialization tasks.

See also, the documentation for the interface OnInit

230 questions
0
votes
3 answers

The OnInit lifecycle hook is not found in my created angular component file

When I create a new component file in my angular project by " ng g c 'component name' ", OnInit is not there initially in my component file.
Akhil K
  • 1
0
votes
0 answers

When I call a function in Angular NgOnInit it returns undefined

I am using the FullCalendar object and defining its options in NgOnInit. ngOnInit() { forwardRef(() => Calendar); this.calendarOptions = { plugins: [dayGridPlugin, interactionPlugin], editable: true, droppable: true, drop:…
atalay
  • 75
  • 1
  • 1
  • 4
0
votes
0 answers

call function before another on ngOnInit angular

I want to call a function ta know the response data before calling the second function,this is in the same ngOnInit for angular project.Because I want to work with the response of the first function for the second function
Moughit
  • 1
  • 1
0
votes
1 answer

How to open model from ts file of angular?

I try to open the model on my page is load HTML
0
votes
1 answer

The subscriptions getting called multiple times, when navigated to different page and coming back again in angular

I have a function A and B. I want both these functions to run at the initial of the component load, on ngOnInit, but B should run only after the completion of A. Coz for B to run, i will need values from A. For this, I kept B inside A. A has…
AngularEnthusiast
  • 71
  • 7
0
votes
2 answers

unable to initialize class property inside ngOnit error

I'm getting an error that says monetization has no inializer. I'm also getting an error inside ngOninit that says monetization is not assignable to type string | null. export class MoviesPageComponent implements OnInit { movies: MovieResults[] =…
pdrake1988
  • 43
  • 8
0
votes
2 answers

Angular 12, set variable from function

I'm developing a little tool where I need to populate a variable on component creation. I've declared variable here: export class HomeComponent implements OnInit { myVar: any and try to set its value here: ngOnInit(): void { setInterval(() =>…
user1880781
  • 1
  • 2
0
votes
3 answers

by clicking method in component I want how to render another component in angular

I have two different components first.component.ts ngOnInit(): void { } setStatusOfUser(){ this.Service.setStatus(Id,userId).subscribe((data)=>{ this.msg=data; }) } second.component.ts ngOnInit():void { …
M D V Ajay kumar 360
  • 27
  • 1
  • 1
  • 5
0
votes
1 answer

Angular, calling Method in ngOnInit with Store Element (Subscribe)

Using a store, I subscribed to all the changes for a particular item. I want to output these changes (terminal message) in an angular component (ng-terminal). The code completion suggests me the method write. This also works outside of ngOnInit().…
Holgis
  • 43
  • 1
  • 5
0
votes
1 answer

Angular ngOnchanges calls method, but method does not call service or output results

I am confused by what is happening in a section of my app. I have a component that uses ngOnChanges. ngOnchanges fires right before ngOnInit when the component loads. Both ngOnChanges and ngOnInit call a certain method (fetchResults) that calls…
mo_maat
  • 2,110
  • 12
  • 44
  • 72
0
votes
1 answer

Adding a Loading Screen for AppComponent ngoninit

I have some authentication and other startup services being called on ngoninit for app.component.ts so that the screen remains black before moving to the homepage. I created a loader service that will display a loading page while its active, however…
Carbylicious
  • 1
  • 1
0
votes
0 answers

Why my app component ngOnInit called twice?

I see problem in my angular project, on some pages I didn't understand why request were made twice on page refresh. I noticed that the init was called twice in my components. I thought to myself that this was going to be a complicated problem given…
Nicolas M
  • 475
  • 1
  • 7
  • 14
0
votes
0 answers

Attribute renders in HTML but console shows ctx.is undefined

I have getNewsDetail() function that subscribes to an http get request. Then it stores in detailNews attribute what the function returns. The code works fine detailNews.created[0].value returns its value, however, in console I get ERROR TypeError:…
Ricardo Castañeda
  • 5,746
  • 6
  • 28
  • 41
0
votes
1 answer

Angular ngOnInit the object property is always undefined despite the the object has value

I have an angular project and currently I am trying to set a reactive form values on ngOnInit method. I get the data with http call from a backend server. In the ngOnInit method I can monitor data on browser console; but the properties of the data…
nzrytmn
  • 6,193
  • 1
  • 41
  • 38
0
votes
1 answer

Is there a way to override the angular component initialization step from the angular core library to execute some code for every component's init

I have an Angular application developed in Angular version 8 which has n number of components. There is a common logic that needs to be executed for all the component's initialization in the application. I don't want to keep this common logic in a…
Mohan Ramegowda
  • 11
  • 1
1 2 3
…
15 16