Angular CLI v8.0.0 brought us a stable CLI Builders API, which allows you to customize, replace, or even create new CLI commands. Maybe make your own? Challenge Accepted! In this tutorial, you'll see How to Create your own Angular CLI Builder
Angular CLI schematics offer us a way to add, scaffold and update app-related files and modules. In this article I will guide you through some common but currently undocumented helper functions you can use to achieve your goal. Speed up your Angular schematics development with useful helper functions
Angular Router Tutorial Example. Angular 4 Router is a basic requirement to create single page application. Angular 4 Tutorial with an example.
Angular 5 CRUD Tutorial Example From Scratch. Angular CRUD Tutorial is an essential application to up and running with Angular. We are using Node.js as a backend, MongoDB as database and Angular as Frontend. This tutorial is also helpful in Angular 6 CRUD example. It is almost same.
Angular 9 Components are pure TypeScript class but with the Metadata and Decorator. It is normal TypeScript class but with some metadata.
Angular @Input is a decorator to mark an input property and @Output is a decorator to mark an output property. It is useful in passing the data from Parent component to child component.
Angular Router service gives us access to an Observable of all navigation events via its events property and subscribe the Observable, and act accordingly.
To upload a file or image in Angular, use the ng2-file-upload library to upload a file to the server. We use Node.js as a backend server.
To use charts in Angular, we will use the chart.js library to construct the charts. We will fake the backend server for data and display it on charts.
How To Update Angular CLI To Version 7. We will upgrade Angular CLI and Angular Core modules from Angular 6 to Angular 7. It has very easy steps.
Angular 7 Forms Tutorial Example. We will use Reactive forms. Reactive forms provide a model-driven approach to handling form inputs whose values changes.
Angular material table is an inbuilt component that can be used to create a table where user can searching, sorting, filtering, and paging rows.
Sass in Angular is an extension of CSS that allows you to use things like variables, nested rules, inline imports. Angular supports Sass, CSS, and Less.
To create a Drag and drop functionality, use DragDropModule in the Angular Material library. Install Angular and Angular Material library.
Angular NgStyle directive lets you set a given DOM element's style properties. The key is a style name, and the value is expression to be evaluated.
To upload a file in Angular, use the ng2-file-upload library. For handling the uploaded files at the backend node.js server, we use the multer library.
Module Federation depends upon webpack 5 which is currently in beta and will not be used by the Angular CLI before this fall. Although time solves this issue for us automatically, some people are wondering how to accomplish what Module Federation is doing already today.Interestingly, there are several approaches and here I present one of them: Loading separately compiled UMD bundles. The source code can be found here.