Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
AngularJS Articles
Page 3 of 5
How to convert String to number using AngularJs?
Overview To convert the String type value to the Number type value is easy to manipulate with AngularJs as it has in-built function such as parseInt(), parseFloat() which convert the String type of number to the Number type and “isNumber()” function of angular which cross check whether the given data is converted to the number or not. For example if a number is of type decimal String type then we will use parseFloat() function to convert the String to Number, otherwise if we had to convert without the decimal number then we will use parseInt() function. Syntax The syntax used ...
Read MoreCheck for the existence of key in an object using AngularJS
Overview The existence of a key in an object can be checked using AngularJS. The key in an object is unique and cannot be duplicated. As object is a collection of different data types in Key-Value form, which contains String, Number type of data into a single reference variable. To check the existence of a key, we will use the "in" operator, which will check the object and return true or false. Syntax The syntax used in this problem is − if (key in objectName ) { action } else { action } ...
Read MoreHow to use directives in angular 8?
Directives in Angular 8, are classes that can add new behavior to the elements in the template. Directives are used to manipulate the DOM. We can change the behavior and appearance of the DOM elements using directives. Simply we can use the HTML using directives. Using directives, we can achieve reusability, readability and maintainability. Directives will give the high-level of reusability throughout the application. This will help in large application like same functionality required by many places. There are 3 types of directives − Component directives Attribute directives Structural directives We can also create custom directives based on ...
Read MoreHow to use an Anagular 8 Service?
In Angular, services are singleton objects which normally get instantiated only once for the entire angular application. Every service contains several methods and that includes some functionality to do. It is a mechanism to share functionality or responsibility within one or more than components. We know, using angular we can create nested-based components. Once our applications are nested, we may need to use the same functionality. Instead of writing same code in multiple components. We can write one place and we can share data with different components. The best way to use service to handle this. In first versions of ...
Read MoreHow to inject a service into the component in Angular 8?
In Angular, services are singleton objects which normally get instantiated only once for the entire angular application. Every service contains several methods and that includes some functionality to do. It is a mechanism to share functionality or responsibility within one or more than components. We know, using Angular we can create nested-based component. Once our applications are nested, we may need to use the same functionality. Instead of writing same code in multiple components. We can write one place and we can share data with different components. The best way to use service to handle this. In first versions of ...
Read MoreHow to add event listeners in HTML using AngularJS?
In AngularJS, events help us to perform particular tasks, based on the action. AngularJS is rich in events and has a simple model for adding event listeners to the HTML. AngularJS supports many events related to the mouse and keyboard. All these events are applied to the HTML elements. In angularJs, we have many HTML events. Suppose we write both AngularJS and HTML events simultaneously. AngularJS event and HTML event will be executed and AngularJS event will not overwrite the HTML event. Events can be represented by using directives. Like ng-click, ng-change, ng-mousedown, ng-mouseup, ng-keydown, ng-keyup, ng-keypress, ng-mouseover, ng-paste etc. ...
Read MoreHow to setup Video.js with AngularJS?
Video.js is a modern web video player which is used for creating video players for different video playback formats. It supports all the modern video formats like Youtube, Vimeo, Flash, etc along with all the standard video playback formats like mp4, webm, flv, etc. Video.js can be integrated with a wide range of popular frameworks like React, Angular, etc. In this article, we'll specifically learn how to set up video.js with AngularJS. We'll create a video.js component using AngularJS and then use it in our project. How to set up Video.js with AngularJS? For using video.js with AngularJS, we need ...
Read MoreDifference between JavaScript and AngularJS
JavaScript is a scripting language that is used to generate dynamic HTML pages with interactive effects on a webpage that runs in the web browser of the client. On the other hand, Angular JS is a framework that is built on JavaScript and adds new functionalities to HTML. Its primary purpose is to facilitate the creation of dynamic and single-page web applications (SPAs). In this article, we are going to highlight the differences between Angular JS and JavaScript. Let's start with a basic understanding of JavaScript and AngularJS. What is JavaScript? JavaScript is a simple programming language that is most ...
Read MoreWhat are the differences between AngularJs and Google Web Toolkit (GWT)?
Let us understand the concepts of AngularJS and Google Web Toolkit (GWT) before learning the differences between them.Google Web ToolkitIt is an open-source set of tools which allows creating and maintaining JavaScript front-end applications in Java by the web developers. It was launched in the year 2006 by Google and the code is written in Java.The operating system that supports GWT is Linux, Windows, OS X, FreeBSD. It helps in creating RICH Internet Applications. It helps in converting java source code to equivalent JavaScript.FeaturesThe features of Google Web Toolkit are as follows −DynamicReusable UI componentsSimple RPC mechanismBrowser history managementSupport for ...
Read Moreangularjs – ng-class Directive
The ng-class Directive in angularjs allows the user to dynamically set the CSS classes on an HTML element by databinding an expression which will further represent all those classes to be added. The class is only added if the expression inside the ngClass Directive returns True, else it will not be added. It is supported by all the HTML elements.The directive does not set any duplicate class if it was already set. When the expression changes, the previously added classes will be removed and the new classes will be added only after that.Syntax..Content..Example − ngClass DirectiveCreate a file "ngClass.html" in ...
Read More