Home » JavaScript » Angular.js

Angular.js

Angular – Components within Components

It’s good to be back blogging after a long hiatus. :-) With the earlier versions of Angular creating nested components was not possible but with Angular6+ you can create nested components within components. Here’s how you can create them using the angular-cli. You can also perform the steps manually by creating the needed files one by one under a hierarchical ...

Read More »

AngularJS Components Library Example

In this article, we will take a look at developing a custom AngularJS Component. Then, we will learn to package it as a library so that we can reuse it across different projects. Firstly, we will start by getting familiar with the underlying concepts and their implementation leading up to writing our own Component library. Finally, we will consume the ...

Read More »

Build an SMS Groceries App with Ionic and Angular

In this article, we’re going to have a closer look at the Ionic Framework, which is a modern WEB-based platform for building mobile apps. That means you don’t need to have any knowledge about the mobile platforms to build real apps. Ionic is a full platform which evolved from a simple UI library. It’s a complete gateway for a web ...

Read More »

AngularJS Reset Form Fields Example

Hello readers, in this tutorial, developers will learn what AngularJS is and how to reset the form fields on a button click using the angular directives. 1. Introduction AngularJS is a JavaScript MVC or Model-View-Controller framework developed by Google that lets developers build well structured, easily testable, and maintainable front-end applications. Before we start with the creation of a real ...

Read More »

AngularJS Toggle Class using ng-class Example

Hello readers, in this tutorial, developers will learn what AngularJS is and how to toggle the CSS class using the ng-class and ng-click angular directives. 1. Introduction AngularJS is a JavaScript MVC or Model-View-Controller framework developed by Google that lets developers build well structured, easily testable, and maintainable front-end applications. Before we start with the creation of a real application ...

Read More »

AngularJS Call Function on Page Load Example

Hello readers, in this tutorial, developers will learn what AngularJS is and how to call and execute AngularJS Call Function on Page Load. There are several ways to achieve this in angular applications but we will use the ng-init angular directive. 1. Introduction AngularJS is a JavaScript MVC or Model-View-Controller framework developed by Google that lets developers build well structured, ...

Read More »

Deploy an Angular App from Visual Studio Code to Azure

What do you get when you mix Angular 6, Node 10, Visual Studio Code and Azure? A really quick and slick way to develop and deploy a web application using the latest and greatest technologies. Keep reading to find out how. This article will discuss how to: Setup a free Node server on the cloud using Azure App Service Build ...

Read More »

AngularJS Set Focus on Input Field Example

Hello readers, in this tutorial, developers will learn what AngularJS is and how to use AngularJS Set Focus on Input Field. 1. Introduction AngularJS is a JavaScript MVC or Model-View-Controller framework developed by Google that lets developers build well structured, easily testable, and maintainable front-end applications. Before we start with the creation of a real application using the angular framework, ...

Read More »

AngularJS Change Button Text Example

Hello readers, in this tutorial, developers will learn what AngularJS is and how to change the button text in angular. 1. Introduction AngularJS is a JavaScript MVC or Model-View-Controller framework developed by Google that lets developers build well structured, easily testable, and maintainable front-end applications. Before we start with the creation of a real application using the angular framework, let ...

Read More »