<!-- 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 ⟶
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 ⟶
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 ⟶
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 ⟶
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 ⟶
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 ⟶
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 ⟶
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 ⟶
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 ⟶
Revert last commit in GIT
git reset --soft HEAD~1
--soft will not remove your uncommited code. Again if you replace the same with --hard it is going to replace all the uncommited code in your local
git reset --hard...
Read More ⟶