Edit .zshrc file in mac to update path
Open your terminal using cmd + space and type terminal.
nano $HOME/.zshrc
Update path accordingly. After update
CTRL + O
To save and press enter to update file.
CTRL + X
To exit. After exit in order to sync
source...
Read More ⟶
Angular Show and hide div when scroll to specific section
<!-- app.component.html -->
<!-- Target Section -->
<div #targetDiv class="section">
<h2>Target Section</h2>
<p>This section will trigger the visibility of the element below when it reaches the top.</p>
</div>
<!-- Element to...
Read More ⟶
Angular ng-template with dynamic parameter
ng-template allows you to store html that can be used dynamically in your project. It means if you have different view in a single loop you could achieve this using creating different ng-template view and show them conditionally.
<ul>
<li *ngFor='let link...
Read More ⟶
How to increase the volume of EC2 instance
In order to increasse the the volume of EC2 Instance you need to click on volume attached to your EC2. After that select the volume and choose the option "Modify Volume" from the action menu. It will open a dialog where it will ask you to input the require volume to...
Read More ⟶
Zip and unzip with command using terminal
There are various package that does this job but we will talk about `tar` that simply zip and uzip files and folders. This small article will show you how to zip and unzip with command using terminal.
To zip files
tar -czvf zip_file_name.tar.gz -C ./dist...
Read More ⟶
Upload files into AWS EC2 using aws cli
We all have heard about codepipeline which simply triggered by a source commit and start a pipeline to build application then deploy automatically to ec2 servers. Upload files to aws ec2. Well this article is not about code pipeline but a simple script that will make...
Read More ⟶
How to Bypass HTTP Interceptor while calling api
When injected, HttpBackend dispatches requests directly to the backend, without going through the interceptor chain.
import {HttpBackend, HttpClient} from '@angular/common/http';
import {Injectable} from '@angular/core';
@Injectable({
providedIn:...
Read More ⟶
Symbolic representing in linux server
Search the path of actual installed packged detination. After that copy and run like below command.
which npm
which node
which pm2
sudo ln -s /home/ec2-user/.nvm/versions/node/v16.15.1/bin/npm
sudo ln -s /home/ec2-user/.nvm/versions/node/v16.15.1/bin/node
sudo...
Read More ⟶
Angular Date pipe in component ts file
This article will show you how to use Angular Date pipe in component ts file.
To achieve the same we need to import `DatePipe` exported function from angular core modules.
import { DatePipe } from '@angular/common';
transform() {
return new...
Read More ⟶
Property ‘createId’ does not exist on type
This error generally comes when you upgrade your angular fire and firebase to the latest version.
data['id']=this.createId();
For the new Firebase 9 you need to do the following change.
...
Read More ⟶