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
Tag: angular 6 search box example
Angular 9|8 Material Autocomplete Example with Remote/ Server Side Results
We have already discussed the basic usage and implementation of Angular Material Autocomplete Component in an Angular Application in our previous post here. Autocomplete is a very popular behaviour used in many application to easy user form filling experience by providing some already built strings to fast data entry. Autocomplete is very similar to Input
Angular 9|8|7 | Add AutoComplete in Angular Application using Angular Material
In this post, we will discuss how to add an autocomplete/ suggestion box in Angular application using the Material UI library. 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 shown to the user can be
Angular 10|9|8 Google Maps with Places Search and 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 pays an important role to make information more user-friendly. Embedded
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 response using a third-party API by using the HttpClientModule of Angular to make Http calls. By using the RxJS library we’ll control
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
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.
