ViewChild undefined in AoT

Hi, I’m having an issue with AoT build in version 3.0.0 Here is a streamlined code sample

<aw-wizard navBarLayout="large-empty-symbols" navBarLocation="left">
	<aw-wizard-step stepTitle="Step1" [navigationSymbol]="{symbol: '1'}">
		<button class="btn btn-primary" type="button" awNextStep>Continue</button>
	</aw-wizard-step>
	<aw-wizard-step stepTitle="Step2" [navigationSymbol]="{symbol: '2'}">
		<button class="btn btn-primary" type="button" awPreviousStep>Previous step</button>
		<button class="btn btn-primary" type="button" awNextStep>Continue</button>
	</aw-wizard-step>
	<aw-wizard-step stepTitle="Step3" [navigationSymbol]="{symbol: '3'}">
		<button class="btn btn-primary" type="button" awPreviousStep>Previous Step</button>
		<button class="btn btn-success" type="button" (click)="finish()">Order</button>
	</aw-wizard-step>
	<aw-wizard-completion-step stepTitle="Finish" [navigationSymbol]="{symbol: '&#10004;'}">
		<p>Thank you for ordering!</p>
	</aw-wizard-completion-step>
</aw-wizard>

export class TestComponent{
	@ViewChild(WizardComponent) wizard: WizardComponent;
	model: any;

	constructor(private service: TestService){}
	
	finish(): void {
		this.service.create(this.model).subscribe((res: any) => {
			this.wizard.navigation.goToNextStep();
		});
	}
}

The code is simplified, but those are the only important parts. In the last step I have to wait for a response from a service, and move the wizard programmatically only if it was successful.

In development, with JiT compiler it works as expected. In production, with AoT compiler, this.wizard is always undefined, and it never moves to the completion step.

Any suggestions or workaround? Thanks

[zolakt]

After some testing… It seems to work with @ViewChild('wizard') wizard: WizardComponent and <aw-wizard navBarLayout="large-empty-symbols" navBarLocation="left" #wizard>

Don’t know if ts an issue with in this lib or AoT compiler itself, although this is the first time I encountered this problem. Maybe worth properly testing and referencing in the docs.

[talesporto]

I change it: @ViewChild(WizardComponent) public wizard: WizardComponent;

to it: @ViewChild('wizard') public wizard: WizardComponent;

and works using ng build --prod --build-optimizer

Tks @zolakt !!! I believe we need to add it to the documentation!