I have a number variable called currTab which is used to tab through three divs on the child component template. When tab is selected on the parent component template, the child component opens with the value of the previous instance. The default on open should be currTab = 1 but if I select 2 or 3, the next child that opens from the parent will have that value. I've tried setting the default through @Input currItem through ngOnInit and most of the other lifecycle events but it had no effect. I have another @Input called property that gets passed just fine. Each time the selecter is activated on the parent form the child component reflects the correct 'property' but not the default 'currItem'.
Child Component (template-tv-property) <input class="propertyTab" type="button" (click)="currTab = 1" value="Main View" [disabled]="currTab == 1" > <input class=minMaxTab" type="button" (click)="currTab = 2" value="Min Max Values" [disabled]="currTab == 2" > <input class="propertyTab" type"button" (click)="currTab = 3" value=" Lookup Values" [disabled]="currTab == 3" > Parent Template <div class="itemFrame" *ngIf="currItemType !== ''"> <template-tv-property [property]="currItem" [currTab]="1" (saveCurrentProperty)="saveCurrentItem($event)" [choiceBoxSize]="propertyChoicesListBoxSize" *ngIf="currItemType === 'property'" ></template-tv-property> <template-tv-part [part]="currItem" *ngIf="currItemType === 'part'"></template-tv-part> <template-tv-infogroup [infogroup]="currItem" *ngIf="currItemType === 'infoGroup'" ></template-tv-infogroup> <template-tv-grid [grid]="currItem" *ngIf="currItemType === 'grid'" ></template-tv-grid> <template-tv-signature-group [signatureGroup]="currItem" *ngIf="currItemType === 'signatureGroup'"></template-tv-signature-group> <template-tv-signature [signature]="currItem" *ngIf="currItemType === 'signature'"></template-tv-signature> </div> -- You received this message because you are subscribed to the Google Groups "Angular and AngularJS discussion" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
