Newsletters 📪
Get Every NewsletterGet notified of the all the trending blog posts.
Adding a script to an Angular Library
Adding a script to an Angular Library
Solution:
let scriptTap = document.createElement('script');
scriptTag.src = '<route to your scripts>';
document.body.appendChild(scriptTag);
Explanation:
The above shown method is the Basic method in Javascript to inject any scripts into you application. In Below example you can checkout the same injection method using angular provided methods.
Solution 2:
// Import Renderer2
import { Renderer2 } from '@angular/core';
import { DOCUMENT } from '@angular/common';
// Inject in constructor
constructor(private renderer: Renderer2, @Inject(DOCUMENT) private document: Document) {}
// Create Function to Inject Script
insertScript() {
const js = this.renderer.createElement('script');
js.type = 'text/javascript';
js.src = 'https://somejavscriptfile.js';
this.renderer.appendChild(document.body, js);
}
Explanation:
You can use above method and inject script in your code. This method uses a angular's inbuilt library known as Renderer2. You will also have to inject the Document via your constructor provided by Angular. This is required because Angular suggests you to not use Document and Window objects directly in Angular.
The reason for this is Angular is an Universal framework its can be used as an single app, it can be converted into a desktop app or even a native mobile application just by adding some additional libraries. And Document and Window objects are only available in browser, so it may occur that depending on environment angular code is being executed you may or may not have access to this Objects.
That's why its better to always inject Document object using constructor provided by Angular
How to create a folder in Docker
To create a folder in docker or a file create a directory for the build context and cd into it. You can use the classic mkdir command to create a folder in Docker.
Create Directory if not Exists in DockerFile
To create a Directory that does not exist you have to use the --p command along with the mkdir command. Becausemkdir isn't recursive by default -- it expects the immediate parent directory to exist.
Dockerfile mkdir permission denied
Docker Filesystems and Docker containers work in a similar manner to filesystems outside a Docker container. To provide users read/write/execute permissions use this command chmod 0777 /usr/local/docker/foo
Async Await in Do While Loop
In this post, we are going to checkout Async Await in Do while loop with examples. Do while Loop in Typescript is same as the Do While Loop in Javascript.
Create Canvas Dynamically in Angular
We can use Renderer API to create canvas dynamically in Angular which can be imported from angular/core package. Renderer API allows DOM maniplulation.
Indian Currency Pipe in Angular
Indian currency pipe in Angular, Currency pipe angular without symbol, Angular Currency Pipe is one of the built in pipe in Angular used to format currency value according to given country code,currency,decimal,locale information.
Docker mkdir permission denied Mac
Docker mkdir permission Failed ? For using data volumes in Docker by command-line and If your Docker host is on the Linux platform, you can find Docker volumes by /var/lib/docker/volumes path.
Repository is not clean. Please commit or stash any changes before updating
Repository is not clean. Please commit or stash any changes before updating. If you are getting such kind of Error use the --force flag along with the ng update command
Uninstall angular cli using yarn
To uninstall any package using yarn you have to use the "remove" keyword along with the package name. You can also add in "global" keyword to uninstall the package globally using yarn from your system.
Get User Country & Region using Javascript
It is possible to get a user's country and region just using Javascript without any third party Library. You can use this simple and Free Javascript Method to get User's Country and Region.
