Angular Material 9/8 DataTables, Pagination, Sorting, Filter & Fixed Columns Tutorial

Angular Material is a Material Design based UI library which provides a number of easy to use UI components. Angular Material data tables are used to display data in tabular format on pages. In this tutorial, we will create a new Angular project using Angular CLI. Then we will install the Material library in an…

Continue reading Angular Material 9/8 DataTables, Pagination, Sorting, Filter & Fixed Columns Tutorial

Angular 10|9 Material Autocomplete Example with Remote/ Server Side Results

In the Angular Material tutorial, we’re going to discuss how to create a Material Autocomplete showing suggestion results from a remote server by using the mat-autocomplete component in the Angular 10/9/8/7/6/5/4 application. We have already discussed the basic usage and implementation of Angular Material Autocomplete Component in an Angular Application in our previous post here.…

Continue reading Angular 10|9 Material Autocomplete Example with Remote/ Server Side Results

Angular Material 10|9 AutoComplete Tutorial with Examples

In the Angular Material tutorial, we’re going to discuss how to create a Material Autocomplete showing suggestion results by using the mat-autocomplete component in Angular 10/9/8/7/6/5/4 application. An Autocomplete control looks similar to an input field but it helps a user to select a suggestion matching from a typed string.  The list of predefined suggestions…

Continue reading Angular Material 10|9 AutoComplete Tutorial with Examples

Angular Google Maps with Places Search, Draggable Marker using Angular Google Maps (@agm/core)

In this Angular tutorial, we’ll learn how to use Google Maps with Draggable Marker and Place search bar to get Address and Latitude, Longitude coordinates in Angular 10/9/8/7/6/5/4 project using @agm package. Google maps are used in many applications as a location with visible maps plays an important role to make information more user-friendly. Embedded…

Continue reading Angular Google Maps with Places Search, Draggable Marker using Angular Google Maps (@agm/core)

Angular 9|8 Add Debounce Time using RxJS 6 to Optimize Search Input for API results from server

In this post, we’ll discuss how to add an Autocomplete, Suggestion control in Angular application and control the search behaviour using RxJS operators like debounceTime and distinctUntilChanged This application will fetch remote server responses using a third-party API by using the HttpClientModule of Angular to make Http calls. By using the RxJS library we’ll control…

Continue reading Angular 9|8 Add Debounce Time using RxJS 6 to Optimize Search Input for API results from server

Bootstap in Angular 7 | How to use Bootstrap Components in Angular 4+ Versions in Few Steps

We all know about Bootstrap is a free and open-source Web framework, widely used by developer whether they are using jQuery or AngularJS in development. Bootstrap takes away headache for making application responsive and making it compatible to cross browsers. Moreover, it provides very easy to use plug and play HTML and working web widgets…

Continue reading Bootstap in Angular 7 | How to use Bootstrap Components in Angular 4+ Versions in Few Steps

Angular 8|9 Pass Data between Components Example Application

Continuing from my previous post has an example of filter pipe usage in Angular application. Here we will upgrade that simple filter app to level next. I have upgraded this application to Angular v9, worked basically on two important methods using which we can pass data between Angular components.