Home » JavaScript » Angular.js

Angular.js

Angular 6 Routing Example

Welcome readers, in this tutorial, we will learn the basic concepts behind routing in angular. 1. Introduction Routing in angular is an essential part of the angular framework contained in the @angular/router package. It, Helps developers build single page applications with multiple states and views using routes and components Allows client-side navigation and routing between various components Allows lazy loading ...

Read More »

AngularJS Scope

1. Overview In this post, we are reviewing scope in AngularJS. It is passed as an argument when we make a controller: <script> var myApp = angular.module('myApp', []); myApp.controller('myController', function($scope) { $scope.name = "Red Dead Redemption"; }); </script> Scope is actually an object that refers to the model in an application structure, such as Model View Controller (MVC) . It ...

Read More »

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 »