Hello, im trying to set up a WebAPI project in visual studios 2012 that will be powered by AngularJS and use IgniteUI and seem to be running into problems with my script references. Is there anything i could do or any tutorials anyone could recommend besides the http://www.infragistics.com/community/blogs/craig_shoemaker/archive/2014/05/01/ignite-ui-angularjs-now-in-preview.aspx link?
Hello David,
The blog article Ignite UI + AngularJS: Now in Preview and http://igniteui.github.io/igniteui-angular/ are the main resources to be used.
You could find additional resources on the official IgniteUI site as well.
For example, topics regarding AngularJS Directives , Conditional and Advanced Templating with AngularJS , as well as Using IgniteUI with AngularJS could be found at: http://www.igniteui.com/help/search?query=angular
i keep getting this error
Error: [$injector:modulerr] Failed to instantiate module myApp due to:[$injector:modulerr] Failed to instantiate module igniteui-directives due to:[$injector:nomod] Module 'igniteui-directives' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.http://errors.angularjs.org/1.3.14/$injector/nomod?p0=igniteui-directivesminErr/<@http://localhost:54519/Scripts/angular.js:63:12module/<@http://localhost:54519/Scripts/angular.js:1767:1ensure@http://localhost:54519/Scripts/angular.js:1691:38module@http://localhost:54519/Scripts/angular.js:1765:1loadModules/<@http://localhost:54519/Scripts/angular.js:4097:22forEach@http://localhost:54519/Scripts/angular.js:323:11loadModules@http://localhost:54519/Scripts/angular.js:4081:5loadModules/<@http://localhost:54519/Scripts/angular.js:4098:40forEach@http://localhost:54519/Scripts/angular.js:323:11loadModules@http://localhost:545 angular.js:63
Hello, This exception suggests there is an issue with a module that isn't defined anywhere or hasn't been loaded in the current browser context. For reference: https://docs.angularjs.org/error/$injector/nomod
For example, the resources used in the Angular Samples available at http://igniteui.github.io/igniteui-angular/, are referenced in the following order and format:<head> <link type="text/css" rel="stylesheet" href="//cdn-na.infragistics.com/igniteui/2014.2/latest/css/themes/infragistics/infragistics.theme.css" /> <link type="text/css" rel="stylesheet" href="//cdn-na.infragistics.com/igniteui/2014.2/latest/css/structure/modules/infragistics.ui.shared.css" /> <link type="text/css" rel="stylesheet" href="//cdn-na.infragistics.com/igniteui/2014.2/latest/css/structure/modules/infragistics.ui.grid.css" /> <link type="text/css" rel="stylesheet" href="cdn-na.infragistics.com/igniteui/2014.2/latest/css/structure/modules/infragistics.ui.editors.css" /> <link type="text/css" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" /> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" type="text/css" /> <link rel="stylesheet" href="samples/sample.css" /> <script src="//modernizr.com/downloads/modernizr-latest.js"></script></head><body> <script src="//code.jquery.com/jquery-1.10.2.min.js"></script><script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular-route.min.js"></script>
<script src="http://cdn-na.infragistics.com/jquery/20141/latest/js/infragistics.core.js"></script> <script src="http://cdn-na.infragistics.com/jquery/20141/latest/js/infragistics.lob.js"></script> <script src="src/igniteui-angular.js"></script> <script>var app = angular.module('app', ['ngRoute','igniteui-directives']);</script> <script src="samples/js/data/northwind-employees.js"></script> <script src="indexController.js"></script></body>
You could for example see how the dependencies are specified: <script>var app = angular.module('app', ['ngRoute','igniteui-directives']);</script>In general, the order is as follows: first load the css resources followed by jQuery and jQueryUI, bootstrap, angular, angular-route, Infragistics specific files like core and lob.js.