Angular 11 Ivy Issues with Dynamic columns

Posted by: pmithilesh on 4 February 2021, 5:47 am EST

    • Post Options:
    • Link

    Posted 4 February 2021, 5:47 am EST

    Hi,

    We have moved to angular 11 with Ivy enabled in our project.

    we have array of selected columns based on some business logic

    <wj-flex-grid-column header=“{{col.name}}” *ngFor=“let col of filterArrayColumns” [binding]=“col.binding” [isReadOnly]=“col.isReadOnly” [width]=“col.width” [minWidth]=“col.minWidth”>

    When I set Ivy false every thing works fine .

    ***when turn Ivy on true grid is showing all the columns in the data source. Trying to figure out what’s the impact of enable ivy. Does it compile the code without those condition at the run time ?

    Thanks

  • Posted 4 February 2021, 2:09 pm EST

    Hi Mithilesh,

    Can you let us know which version of Wijmo are you using? Also, try setting the header after the ngFor directive. In ivy, the initialization order is changed from non-ivy compiler. Please refer to the documentation link for more information:

    https://www.grapecity.com/wijmo/docs/GettingStarted/Angular-Components#property-initialization-order-in-angular-9-ivy-and-higher

    Regards,

    Ashwin

  • Posted 5 February 2021, 12:39 am EST

    Hi Ashwin,

    we are using 5.20203.748 scoped image. I tried to move header and item source as suggested but no luck

    Thanks

  • Posted 8 February 2021, 10:42 pm EST

    Hi Mithilesh,

    Try checking the browser’s console for any errors or warnings. Please share the screenshot of the same along with the package.json and package-lock.json file. Also, can you provide a little more code snippet related to this which might be able to help us to investigate this issue?

    ~regards

  • Posted 15 April 2021, 11:54 pm EST

    sorry for the late reply

    I tried to change the sequence of properties and it fixed the issue

    Thanks

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels