In this blog, we are going to learn about creating popup modal using AngularJS and UI Bootstrap. UI Bootstrap is a library written by Angular UI team. It contains bootstrap component written in pure AngularJS. AngularJS allows data binding. It means, just set a variable and you can access it from all places where the variable is referred. UI Bootstrap contains a repository of the angular directive for the different task performed over the bootstrap component. Watch the live demo or download code from the link given below. First, download and include  UI Bootstrap and AngularJS file in the application's main HTML...

We created MailGet with the sole purpose to help you to generate more revenue out of your email marketing while keeping your expenses low. We are continuously enhancing and innovating MailGet to make it awesome each passing day. SMTP Routing is a new way to send your email campaigns. SMTP Routing, not only enhances your email deliverability but gives you an amazing way to test and experiment between different email deliverability services. As you might know, MailGet allows you to connect any SMTP service for sending emails. NOTE: If you have connected more than one email sending server in your...

In this tutorial, we will have a look at the advanced concept of AnguarJS custom directive. If you are new/starter to angular and want to know about the basics of custom directive, read our article AngularJS Custom Directive. Isolate scope: Isolated scopes are the scopes which are fully dedicated to a particular custom directive only. It means that the scope inside a directive gets separated from the scope outside. Directive's inner scope have been mapped with the outer scope in order to access and use their property. By default, custom directives access the shared scope of their parents, i.e $scope in controller. In such...

AngularJS provides an additional functionality to validate a form in a very simple way. So, in this tutorial, we will explain how you can validate your forms using AngularJS. In the previous blog, we have already learnt about how to create a form using angular. Now, we'll talk about validating a form at the client side. Note:- While performing client side validation,  it's also necessary to apply server side validation because of security reasons. In AngularJS, there are some special properties of form by using which validation can be performed. Watch the live demo or download code from the link given below. In...

PhoneGap device plugins are one of the important plugin sets which can provide the important information about your device. These plugins have the capability to use the features of  device hardware as well as software. PhoneGap device plugin uses the device hardware to make a discovery about the device like device model, device version, device UUID(Unique ID for device identification) and etc... The device sensors are used to get the motion(Accelerometer) and orientation(compass) of the device. In a broad way,  both the plugins are used to get the device direction, vibration, and orientation. Device motion gives the coordinate values in three...

Directives are one of the core features of AngularJS. Angular provides a large number of built-in directives and makes it easier for the user to add and control various functionality in their application. But, sometimes users have their own demands and they want to add a different functionality to their application. In such condition, built-in directive can't help them. But there is no need to worry because angular allow their users to create their own custom directives and use them in their application whenever and wherever they want. To create a custom directive, angular provides a guideline for the user to...

Data - Today, it is the most important and valuable entity on the web. The most common way to store data is database, but what if you don't have a lot of data to store? Database proves to be an overhead in that case. So, what we should use then? Well, the answer is HTML5's Local Storage. It is also known as persistent storage because it lasts longer than sessions. Local Storage was introduced by W3C. HTML5 uses browsers local storage to store data. The major advantage of local storage is that data lasts even after the page is closed and...

In angular, a form is a collection of controls. Controls (such as, input, select, textarea, button) are the ways to interact with the form. In AngularJS, we use ng-model to access user's data. We bind input field to a model property using ng-model. ng-model binds input fields of the form to the object of the model ($scope) synchronously, means the value in the scope object of the model and in the form of view will be same. Watch the live demo or download code from the link given below. Note: ng-model: ng-model provides two-way data binding. It binds the value of the form to...

PhoneGap is a very nice & useful framework  which allows you to develop the mobile application using HTML5, CSS3 and JAVA SCRIPT. The PhoneGap Apps are hybrid Apps and  can run almost across all platforms such as android, ios, windows and etc. It is very easy to code and simple to develop your mobile app which is compatible with all platforms. In this tutorial, I am going to explain, how to make PhoneGap Camera App using PhoneGap Camera Plugin. PhoneGap Camera Plugin is a code script which allows your mobile App to use the device camera and related hardware functionality. Using your...

Dependency Injection is the pattern of designing software in which one or more services (known as dependencies) can be injected in the component (dependent object). It makes our code more maintainable, testable and usable. There are many components in which dependency can be applied like controllers, directives, filter,  service, factory, provider, value, constant. But some of them are But, some of them are non-injectable. It means you can't inject them into a component such as controllers, directives, filter. Rest of them are injectable and they are also called service creators. Watch the live demo or download code from the link given below. when...

You have noticed that whenever you write the URL of an Angular application, a hashtag, i.e /#/, always appear after the application root folder. For Example: - [php] https://www.formget.com/tutorial/angularjs/#/emp_details/0[/php] It happens because AngularJS is a javascript framework which work at front-end rather than back-end. So, angular adds a hashtag, by default, after the application root folder name. In this tutorial, we will explain you how to remove hashtag from the routing URL. Watch the live demo or download code from the link given below. To demonstrate this, we are using the same application that we had created in our last blog...

Are you facing trouble to reach your clients. ?  Then you are far away from establishing a powerful bond of communication with the subscribers and customers that could affect your user engagement towards your services. So, Is there any solution regarding this matter. ?  Of course yes, Email Autoresponder helps you to connect with your clients at the same point when they contact you which in result increases clients engagement and enhances your lead nurturing program. AutoResponding Is Yet Another Feature To Be Taken Care Of! What If It Comes With In-Built SMTP In A Fully-Featured Email Marketing Package? Well,  To...

$http service of AngularJS is used to fetch data from the remote server. It needs the data available at the server must be in JSON format or an javascript object. $http fetches the data from the server using browser. We already know how to use services in Angularjs.By using the same method here, we are going to use $http services in angular. Watch the live demo or download code from the link given below. Syntax of $http: [php]modulename.controller('controllername',function($http) { $http({ method: 'GET', url: 'enter url here' }).then(function successCallback(response) { //this function will get run when data recieved }, function errorCallback(response) { //...

AngularJS Routing is one of the amazing feature provided by Angular. Routing helps in expanding the scope of view and allow us to use multiple templates within a single page application. In this tutorial, we are going to demonstrate you how to configure and use routing in your single page application. First we will explain how to configure and use routing in an application. Then we will give you information about some important services, such as $routeParams, $routeProvider etc. used for routing. And finally, we will create an application using these services which will first show the list of members of...

The most fundamental and tiresome task of a real estate agent is to find out new clients and leads, together with staying in touch with previous customers. !! Real estate agents have utilized various marketing strategies like social media, advertising platform, etc. to get new connections. But yet they have dropped a very effective means of doing real estate marketing? Guess what I am talking about. It's Email Marketing. "A real estate agent who is not using email marketing is 100% losing to find new customers" Email marketing provides a better, efficient and effortless way of doing marketing, where you get...

Services are singleton objects  or just like a javascript function to perform a specific task. Angular allow us to use these services with controllers, service, filter or directive. Whenever we want to use service with these components, we will have to specify the service name along with the component. By doing so, component ask angular to load that particular service in the application. This method of injecting service is called dependency injection. Watch the live demo or download code from the link given below. How to use a service with components To use a service, you will have to add it...

In this tutorial, we are going to learn about AngularJS Controller. For better understanding, we have divided this tutorial into two parts i.e, theoretical part as well as Implementation part. Let's have a look on what we are going to learn in this tutorial: - Theoretical Part: - - We will understand the concept of AngularJS Controller and will learn about how to define it in our application. Implementation Part: - - We will create a controller which will process a JSON array and will display its data in the view. The JSON array contains the name, designation and department...

MailGet provides smart email analytics feature which is used to examine email behavior. It is utilized by the email marketers to analyze how recipients are interacting with their email message. The Advance Report provides you stats regarding the type of devices and operating system used by the customers. You can also find customer's location based on country. Advance report feature works when the subscriber clicks on links or buttons present in your email template. Note -  See how to create and send email campaign by following this post - Email Builder: Design Responsive Email Templates Follow These Steps To View Advance Report In MailGet - Step 1:...