Wednesday, September 21, 2016

 Bookmyseat application angularjs ,webapi and sqlserver 2008 using angular ui bootstrap

Hi Folks,

I have created a bookmyseat application which has the following technology stack.

  • AmgularJS (  Angular Module,Controller,Angular Service, Routing, Dependancy injection, Service calling using $http.post)
  • Asp.Net WebAPI (Get,Post,Put methods with Routing)
  • SQl Server 2008R2
  • Angular UI-bootstrap UI Bootstrap for PopUp purpose

 

BookMySeat

 

I’ll come with step by step articles day by day.

Thanks

Tuesday, September 13, 2016

Error: [ng:areq] Argument 'fn' is not a function, got string

[Error-Messages%255B2%255D.png]

I confronted an error which is shown above during Angular application development which was little tricky to resolve.Though later we could be able to identify an issue  and fix an issue.

At time of module loading in angular we were injecting dependancy like this:

var routingApp = angular.module('routingApp', ['ngRoute'], ['ui.bootstrap']);

Actually this is a wrong way to do ,due to this it was prompting an error

Resolution : The workaround is given below as inject a dependancy in same braket rather in different one.

var routingApp = angular.module('routingApp', ['ngRoute', 'ui.bootstrap']);

Hope it will give you some brief to fix your solution

Thanks

Thursday, September 1, 2016

angular.js:38 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.6/$injector/modulerr?p0=routingApp&p1=Error…20c%20(http%3A%2F%2Flocalhost%3A51309%2FScripts%2Fangular.min.js%3A21%3A19)

Resolution: Just keep the order of your file as shown below:

first load angula.js and than angular-route.js as given below:

<script src="~/Scripts/angular.min.js"></script>
@*   <script src="~/Scripts/angular-route.js"></script>*@

Hope it will solve your issue

Thanks