Posted in Angular

Prevent New Line In Angular Text Box

Avoid Line Break Sometimes you may need to prevent line break in the comment or remark section where an HTML input element <textarea/> is used. Generally as you type in the text area and press ENTER key to put the next part of string in the new line and it may cause some issues in other activities. For example, your…

Continue Reading... Prevent New Line In Angular Text Box
Posted in Angular

HTML Table Conditional Cell Color Using Angular

HTML Table HTML table is generally used to display data in tabular format in rows and columns. Each row contains one or more columns to display data. Each row is indicated by <tr/> tag, whereas each column is indicated by <td/> tag. The HTML table is indicated by <table/> tag. The HTML table header is indicated by <thead/> and body…

Continue Reading... HTML Table Conditional Cell Color Using Angular
Posted in Angular

How To Create Photo Gallery In Angular

Table of Contents Introduction Prerequisites Project Setup Setup ngx-lightbox App Module Configuration Update Title App Component App HTML App Styles Testing Angular Photo Gallery Source Code Introduction In this example I am going to show you how to create photo gallery in Angular application. Photo gallery also known as image gallery or media gallery or photo album and it is…

Continue Reading... How To Create Photo Gallery In Angular
Posted in Angular Gradle Spring Boot

Integrate Angular into Spring Boot using Gradle

Table of Contents Introduction Prerequisites Angular Project Settings Gradle Properties Spring Boot Project Build App Testing Angular Spring Boot Integration Source Code Introduction In this tutorial I will show you how to integrate Angular into Spring Boot using Gradle build tool. So, let’s say you have two different projects – Angular application and Spring Boot application and you do not…

Continue Reading... Integrate Angular into Spring Boot using Gradle
Posted in Angular

How To Create Angular Project In Existing Folder

Table of Contents Introduction Prerequisites Angular App In Existing Folder Introduction In this example I am going to tell you how to create Angular project in existing folder. So, when you create a new Angular application using ng new angular-app command, where angular-app is the application’s or project’s name, then a new folder angular-app gets created. What if you need…

Continue Reading... How To Create Angular Project In Existing Folder
Posted in Angular

Angular Okta SSO Role Based Access

Table of Contents Introduction Prerequisites Project Setup Install okta-auth-js Service Auth Service Token Service Auth Guard Components Implementing Okta Auth Role Based Access Environment Variables App Modules Routing Module Token Service Auth Service Auth Guard Expired Component Unauthorized Component Login Component App Component Dashboard Component Protected Component Update Page Testing Okta SSO Role Based Access Source Code Introduction In this…

Continue Reading... Angular Okta SSO Role Based Access
Posted in Angular Spring Boot

Redirect To Context Path For 404 Error In Angular Spring Boot

Table of Contents Introduction Why Does 404 Error Occur Solution Introduction Here in this tutorial I am going to show you how to redirect to context path for 404 error in Angular Spring Boot application. Context path basically is the same path for home page or root URL. It is assumed that your frontend application is built using Angular and…

Continue Reading... Redirect To Context Path For 404 Error In Angular Spring Boot
Posted in Angular

How To Setup Multiple Environments For Angular Applications

Introduction Here I am going to tell you how to setup multiple environments for Angular applications. Multiple environments are required for your Angular application when you want to ensure the stability and integrity of the application when it goes live on the production environment where your application’s end users access it. Your application’s development workspace should be different from your…

Continue Reading... How To Setup Multiple Environments For Angular Applications
Posted in Angular Spring Boot Spring JPA Spring REST

Angular Spring Boot REST API CRUD Example

Introduction In this tutorial I am going to show you how to build Spring Boot Angular CRUD Application. CRUD is an acronym and stands for Create, Read, Update and Delete operations performed through an application or APIs. Using Spring Boot application I will build REST APIs which will be used to perform CRUD operations on server side resources. The Angular…

Continue Reading... Angular Spring Boot REST API CRUD Example
Posted in Angular

Angular Okta SSO (Single Sign On) with PKCE

Introduction Here I am going to show you how to build an application using Angular for authenticating a user using Okta SSO (Single Sign On) with PKCE. Okta is an enterprise level identity provider that helps you to enable Single Sign-On across applications within an enterprise. Angular is a single page application (SPA) and it is recommended that you use…

Continue Reading... Angular Okta SSO (Single Sign On) with PKCE