Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
250
getting error when using angular-ignite-ui wrapper
posted

Hello ,

i want to use IGCombo in angular 2+ app  where i already using Ignite UI fro angular . i have tried to use igniteui-wrapper but unable to do so.

folllowing are the steps which i have done .

1.installing ignite UI.

2.installing igniteui-angular-wrappers.

3.importing IgniteUIModule to app module.

4.using igCombo in html 

following is the error i got

following is my code 

  • 20
    Offline posted

    Hi,

    Thank you for contacting us!

    The problem may occur if the IgniteUI for JavaScript controls are not provided in the index.html.

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Ignite UI Required Combined CSS Files -->
        <link href="https://www.igniteui.com/igniteui/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" />
        <link href="https://www.igniteui.com/igniteui/css/structure/infragistics.css" rel="stylesheet" />
    </head>
    <body>
    
        <app-root>Loading...</app-root>
    
        <!-- 1. Load libraries -->
        <script src="https://www.igniteui.com/js/modernizr.min.js"></script>
        <script src="https://www.igniteui.com/js/jquery.min.js"></script>
        <script src="https://www.igniteui.com/js/jquery-ui.min.js"></script>
        <!-- IE required polyfills, in this exact order -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.0/es6-shim.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.20/system-polyfills.js"></script>
        <script src="https://unpkg.com/angular2/es6/dev/src/testing/shims_for_IE.js"></script>
    
        <script src="https://unpkg.com/typescript@2.0.2/lib/typescript.js"></script>
        <script src="https://unpkg.com/reflect-metadata@0.1.3"></script>
        <script src="https://unpkg.com/systemjs@0.19.27/dist/system.src.js"></script>
        <!-- Ignite UI Required Combined JavaScript Files -->
        <script src="https://www.igniteui.com/igniteui/js/infragistics.core.js"></script>
        <script src="https://www.igniteui.com/igniteui/js/infragistics.lob.js"></script>
    </body>
    </html>



    Add this to your index.html file and let me know if this will resolve your issue.