Category: Angular JS
-
Angular vs React
Angular and React both are related to JavaScript but there are a lot of differences between them. Here, we are going to compare both of them and also explain their similarities, differences, advantages and disadvantages etc. Comparison Index Angular React History Angular is a TypeScript based JavaScript framework. It is written in TypeScript. Angular is developed…
-
Get Width and Height of Screen using Angular
In this section, we are going to learn about getting the height and width of the screen. We will use Angular to do this. If we don’t have knowledge about screen height, we can use the below examples because these examples give detailed knowledge about the height and weight of the screen. In our below…
-
Create Pagination using dirPagination directive in Angularjs
In this section, we will use AngularJS to create pagination with the help of dirPagination directives. It is not simple to implement angularjs pagination, just like code php, laravel, etc. Because it is a little bit difficult to manage it with JS. In our below example, we will use AngularJS application to simply build the…
-
Display Data from Json File in Angular
In this section, we will learn the use angular 7/8/9 so that we can show data from the Json file. Also, we are going to understand how we can read json files in angular 9. In the below example, we are using angular 8 to show the data of json in html table. We will…
-
Angularjs Simple Datepicker directive Example
In this section, we are going to implement the datepicker directives using AngularJS. To implement this, the ngDatepicker plugin will be used. We can easily integrate and use it. It has flexibility so it provides an easy way to set format and other options. For example, we want to add a datepicker that contains all…
-
Angular Animations
What Does ngAnimate Do? The ngAnimate module adds and removes classes. The ngAnimate module does not animate your HTML elements. However, when ngAnimate notices certain events, such as hiding or showing an HTML element, the element receives some pre-defined classes that can be used to create animations. The directives in AngularJS that add/remove classes are:…
-
AngularJS AJAX
AngularJS provides a $http service for reading data and remote servers. It is used to retrieve the desired records from a server. AngularJS requires data in JSON format. Once the data is ready, $http gets the data form server in the following manner: Here the file “data.txt” is employee’s records. $http service makes an AJAX…
-
AngularJS Form Validation
AngularJS provides client-side form validation. It checks the state of the form and input fields (input, textarea, select), and lets you notify the user about the current state. It also holds the information about whether the input fields have been touched, or modified, or not. Following directives are generally used to track errors in an…
-
AngularJS Forms
AngularJS facilitates you to create a form enriches with data binding and validation of input controls. Input controls are ways for a user to enter data. A form is a collection of controls for the purpose of grouping related controls together. Following are the input controls used in AngularJS forms: AngularJS provides multiple events that…
-
AngularJS HTML DOM
In AngularJS, some directives can be used to bind application data to attributes of HTML DOM elements.These directives are: Directive Description ng-disabled It disables a given control. ng-show It shows a given control. ng-hide It hides a given control. ng-click It represents an AangularJS click event. ng-disabled directive:The ng-disabled directive binds AngularJS application data to…