Category
Sort By
AngularJS, Front End Development
Modularizing your application is a good practice because it makes the components reusable, configurable and testable. As we know that angular is on the global scope itself whereas angular.module is a global place to create, register or retrieve angular modules. In other words, angular.module is a container for other units of your...
Sending event invites through an email is a common use case nowadays in applications. In this blog, we will briefly cover the steps to accomplish this using Node.js. Node.js provide various npm modules for sending iCal invite. We have customized one of the modules and used it according to our use case. You can find the module here . ...
AngularJS, Front End Development
$resouce is a perfect option to create a single page application which involve CRUD operations.You don't write your CRUD methods (create,read,update and delete) when you use it. A RESTful web service with one endpoint for a data type that does different things with that data type based on HTTP methods like GET, POST, PUT, DELETE,...
I recently had to add charts to a web page in my project. I used Highcharts library for this. It is very dynamic allowing you to change graphs even after the chart has been drawn. To display a graph we need a div with an ID. Let's say we have div with ID "chartDivId" and we want to display two lines in the chart. We can use the...
One of the best practices of Automation testing is to leave the system from the state where you started your test from. While doing functional testing for an angularjs application using Protractor and Cucumber (BDD framework), there was a need to clean up whatever data was being generated in the Data setup (generally the Given) of the...
Angular provide services for handling non-view logic, communication with server(back-end) and can holds data & state. These services are singleton objects that can be used to share and organize code. For doing so, angular provides us five cool ways to make a service on the bases of once need. Following are the five approaches that...
In the previous blog on Handlebars, we learnt the basic concept of handlebars and how to use them in your web applications. Now we will extend our knowledge, a bit more and see how we can use and create helper methods in handlebars to have more flexibility on data. Predefined/Built-in Helper methods: There are a number of built in...
While working with Google charts, we usually face issues with long labels on the horizontal axis. The chart displays well, however the X-axis labels are not completely visible and displays the numbers like this: 24/3.. 25/3.. 26/3.. 27/3.. 28/3.. 30/3.. 31/3.. instead of 24/3/2006, 25/3/2006, 6/3/2006, 27/3/2006, 28/3/2006,...
There are lots of ways to validate a web page like HTML5 validations, but why not do it in a better interactive way by using AngularJS. AngularJS provides us with several form properties for validation, which helps in providing instant feedback in case validation is violated. $valid: return true when input field is valid. ...
In this blog, we will discuss about few methods that are used in JavaScript for partial string extraction. You can also see my blog specific on Arrays which are used in JavaScript. The following methods are :- slice() substring() substr() All these methods extracts parts of a string and returns the extracted parts in a...
1. The splice() method returns the removed item(s) in an array and slice() method returns the selected element(s) in an array, as a new array object. 2. The splice() method changes the original array and slice() method doesn't change the original array. 3. The splice() method can take n number of arguments: Argument 1: Index,...
At times we come across few cases where we need to differentiate the links amongst the plain text. Angular provide us with a very useful filter named : "linky" which help us to do so. With the help of linky filter we can detect links from text and show them differently . Linky takes text and produces HTML by wrapping all...
