Initialise AngularJS application with server data

Sometime you need to init the data from server before you want the app to be loaded, if you use ng-app the Angular application always load before you can make ajax call to retrieve data. The solution for that is to remove the ng-app and bootstrap the Angular JS application programmatically after we got the data from server. But you need to handle the case the API or server is down and the data is never returned then the app will not be bootstrapped.

Posted by itungnt Thursday, September 1, 2016

Call nested multiple Angular $http request and handle the response

You want to do something when your http call is done. You can do it at the .success and .then, but if you have nested call after your http call success and you want to do same action when the nested call finish also then the good approach should be passing in the callback function as param

Posted by itungnt Saturday, June 18, 2016

Angular JS karma filter unknown provider

I tried to inject the filter to Jasmine for test. But it keeps saying unknown provider The problem is I need to put to postfix the word Filter if your filter name is “filterName” Then in Jasmine you need to inject it with “filterNameFilter”

Posted by itungnt Saturday, June 18, 2016

Angular Karma Jasmine doesn’t load directive during test

Today I tried to separate my directives to separate files.But after that my Jasmine test returns false because the directive is not loaded to the test anymore. The problem is that I use the same module name and second param [] in the module when define the directive in different files then only the last file will create the module with it directive. The others will be ignored. requires (optional): If specified then new module is being created.

Posted by itungnt Saturday, June 18, 2016

Karma AngularJS httpBackend Error Unexpected request

Today I create a test class for ajax calls from Angular controller. I already setup the mock HTTP response but when I run the test still say Unexpected request After a while trying I found out that when you use the “expectGET” mock HTTP response must be the same order as when your controller request. You can open Developer mode in your browser, Network tab, see the order of the XHR request were made then change your mock HTTP response to be the same order.

Posted by itungnt Friday, June 3, 2016

ABOUT ME

Enthusiastic Developer from Front end to Back end, Web & Mobile development. Always want to contribute to community by different free projects.

FEATURED TAGS
algorithms angular codility git jasmine karma