Creating the App To create an Angular app, you first need to install NodeJs and its packet manager NPM. NPM will help you install all the other necessities on your machine. Most important tool is Angular CLI for this task. You can install Angular-CLI globally on your machine with the command `npm install -g @angular/cli` […]
ng add command ng add is a new command in Angular-CLI that helps you install and download new packages in your angular apps. It works the same as npm, but it doesn’t replace it. ng update command ng update is a new Angular-CLI command too. It’s used to update and upgrade your packages. It’s really helpful, for
Let’s say you have a JSON file in the root directory that you don’t want to be included in the compilation but copied over to distribution. In other words, you would not want this file to be combined with another file, modified or reduced in any way, but still included and presented in the angular
If you ever try to deploy an Angular app to a subfolder in your server, you will see that your app will end up with a white screen of death on your main root. There are 2 main issues; The base tag and LocationStrategy. First part of the fix: The base tag The HTML <base href=”…”/> specifies a base path for
The good news, Angular has really good support for lazy loading with 2 preloading strategies by default. Default basic angular lazy loading greatly increases the initial load time of the application. With PreloadAllModules loads all modules in the background. While the lazy loading style keeps the core starter pack small at first load and it
Angular has many features that allow us to configure applications to be as fast and high-performance as possible. One of the critical features that enable responsive, quick Angular apps is the ability to lazy load code with the Angular Router. In other words, Angular’s ability to delay code loading with the angular router. The idea
When you are ready to deploy your Angular application to a remote server, you have various options for deployment. Basic deployment to a remote server For the simplest 3 steps deployment, create a production build and copy the output directory to a web server and configure the server to redirect requests for missing files to index.html.
Loading spinners are small animations used to indicate that something is loading and that the user needs to wait. When there is a spinner animation, it indicates that the application has understood the instruction and is in the process of completing the desired action. In the web application context, there are many operations that require
In a web application, URLs were only the file and directive locations on the server you are trying to reach. They used to map to physical files. After the introduction of various URL routing techniques on the server-side to handle and enhance routing, some of the methods allowed you to configure an application to accept
Angular provides a Router to make it easier to define routes for the web applications and to navigate from one view to another view in the application. What is routing? When a user enters a web application or website, routing is their means of navigating throughout the application. To change from one view to another,
