Forums Ignite UI for jQuery
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
Close
Alok shahi
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 

Parents
No Data
Reply
  • 280
    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.

Children
No Data