This tutorial blog will primarily focus on what data binding is and its types –
Two Way Binding.
Data binding is one of the most powerful and important features in a software development language.
In AngularJS, it is the automatic and instantaneous synchronization between model and view (different layers of Angular.JS).
Consider the situation where we need to transfer the data from the component(model) to the view or vice versa. You […]
This blog will help you learn how to integrate bootstrap in your Angular.JS projects and apps.
Follow the steps listed below in order to integrate Bootstrap in Angular.JS –
1. For using Bootstrap in our Angular.JS app, we have to use our registration form app which we have created using custom component.
2. Our first step will be to inherit Bootstrap in our angular.js project. So, to integrate, write down the following code line […]
After gaining the knowledge about how components are created in angular.js manually, this blog will help you learn how to create components automatically.
If you are unfamiliar with the manual component creation, visit the blog – Creating Registration Form With Custom Component In AngularJS for detailed information.
Follow these basic steps in order to create components automatically –
1. In the terminal tab of Visual Studio Code editor write the following code line for […]
Before starting with the registration form, you should be aware of basic file rendering and server setup in AngularJS. If not then quickly glance over the blog – Creating First App In AngularJS With Basic File Setup & Configuration.
This blog will also be helpful for you to learn how to call a custom component in AngularJS.
Follow these steps to create a registration form with custom component –
1. Open your Visual Studio […]
Firstly, we need to choose a decent IDE (Integrated Development Environment) in order to write our codes and compile it. There are several good IDEs available on the web but we will be using Microsoft’s Visual Studio Code editor.
Steps For Basic File Setup –
Open Visual Studio Code and switch to its terminal tab.
Make sure you are in correct directory by checking the file path (in our case \Desktop\myproject\myapp).
Since the server […]
AngularJS is commonly used for creating a single page application. So, it becomes challenging for users to interact their application with the database and perform CRUD operation in it.
In this tutorial, we are going to create an AngularJS CRUD Example and will also explain each CRUD operation in detail.
For storing of data, we are going to use MySQLi database.
We will learn:
Read data from the database.
Insert data into the database.
Update existing data […]
We have already learned that how to apply animation using specified directives of AngularJS. AngularJS also provide the facility to apply animation to custom directives.
Now, we are going to learned that how to apply animation in our own directives. We will do this by using the methods of $animate service of AngularJS.
Download script var dl_script_content = “This usually takes about 20 seconds for collecting your files and to send email.”;var dl_email_content = […]
Along with various important features, AngularJS also provides the functionality of animation.
AngularJS provides some inbuilt directives especially created for animation which you can directly use in your application. Or you can use $animate service with the custom directive for animation purpose.
In this tutorial, we are covering animation via inbuilt directives. Animation using $animate service will be cover in our next blog.
To achieve the animation, angular uses some classes with some defined […]
AngularJS provides the lots of important features with their easy uses. But, when we talk about transclusion, which is one of the important features of angular, it creates some confusion among users regarding its proper uses.
So, in this blog, we are going to explain transclusion from the very basic level so that you can easily catch up the concepts and uses of transclusion.
Transclusion is a process of including the content of […]
Provider works in the same way as the service or factory works. It has an additional functionality that could be configured during the module configuration phase.
We can configure a provider according to our requirement. We applied this configuration when we want that our configuration must be set, before the application start.
The provider usually defined with the implementation of $get method and this $get is a factory function. In fact, when you create […]