Sometimes it might be required to ignore everything in a folder except specific file(s). For anyone working with git, they would be familiar with the .gitignore file located at the base folder. GIT uses this file to decide, which files/folders to exclude from the source-control. Examples are:1. node_modules/2. cache folders3. […]
Sometimes we might require to use Base Component type to Query Children in a component. Let us consider a scenario where we have multiple components that extend the same base component type, and use them in a ListView. BaseItemViewComponent (Base component) @Component({ … }) export class BaseItemViewComponent { … } […]
There are primarily 2 ways to navigate back to previous page in Angular: Using router.navigate() from @angular/router Using location.back() from @angular/common We will learn about these 2 methods in a little more detail below. Using router.navigate() to navigate back to previous page We can use router.navigate with the whole path […]
This article on introduction to angular is part of the Learning Angular series. Angular replaces AngularJS which had taken the internet by storm, when it was released almost a decade back in 2009. While AngularJS was quite a robust library, there were also quite some nuances which was making it […]
Google has made SSL a requirement for all websites, which makes it a great time to have SSL on all the websites. Here we will see how we can install free SSL from Let’s Encrypt on Namecheap shared hosting. Generating the free SSL certificate Go to SSL for free website. […]
Managing page title in Angular is quite straightforward by using the Title service provided by Angular. It’s as simple as calling the setTitle function with the new title. Following is an code excerpt from Angular docs public constructor(private titleService: Title ) { } public setTitle( newTitle: string) { this.titleService.setTitle( newTitle […]
A lot of times it’s quite difficult to decide between what to use for href attribute while developing Angular 2+ applications. Following are 3 ways to do that: 1. href = “#” This is considered the safest way to create a link without allowing the user to redirect anywhere on […]
While it’s quite easy to use a pipe in Angular HTML code. In the following case, we are using a translate pipe. <h2>{{ ‘Hello’ | translate }}</h2> But using the same in TypeScript comes with some additional code setup.The setup can be divided into two distinct ways.1. Pipe without any […]
We are going to take a look at the new ES6 Features, mainly the important ones. 1. Default Parameters Earlier way var calculate = function(x, y) { x = x || 10; } ES6 way var calculate = function(x = 10, y) { … } 2. Template Literals Earlier version […]
Limitations of CSS => Limitation of vertical control=> No expressions=> No column declaration The head element can contain the css declaration. CSS3 Modules => Selectors=> Box Model=> 2d/3d transitions=> Animations, etc Using custom fonts @font-face { font-family: ‘YourFontName’; /*a name to be used later*/ src: url(‘http://domain.com/fonts/font.ttf’); /*URL to font*/} Then, […]
