[AngularJS] *ngFor requires me to click on the page to display the data

[Kyle Thomas]

 Just to note, I am running a hybrid NG1 + NG2, but this is occurring in my 
NG2 component/service/html

I have a component that has 

ngOnInit() {
    this.sbs.getSalesBomData(this.product.currentConfiguration.
existingAssignments)
      .subscribe(data => this.salesBomData = data.groups[0].items);
  }

This service call out is to: 

    getSalesBomData(postData: any) {
        var options = {
            modelId: 'ModelID',
            assignments: postData
        };
        var optionData = angular.copy(options);
        var salesBomURL = '/api/salesbom';
        return this.http.post(salesBomURL, optionData)
            .map(res => res.json());
    }

In the HTML I have this *ngFor that I actually have to click with my mouse 
somewhere on the page to get it to render.


<tr *ngFor="let bom of salesBomData">
                            <td><em>{{bom.isActive}}</em></td>
                            <td>{{bom.name}}</td>
                            <td>{{bom.itemId}}</td>
                            <td>{{bom.itemText}}</td>
                            <td>{{bom.qty}}</td>
                            <td>{{bom.qtyUnit}}</td>
                            <td>{{bom.listPrice}}</td>
                            <td>{{bom.unitDiscount}}</td>
                            <td>{{bom.totalDiscount}}</td>
                            <td>{{bom.pctDiscount}}</td>
                            <td>{{bom.price}}</td>
                        </tr>


Any suggestions?

-- 
You received this message because you are subscribed to the Google Groups 
"Angular" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.