How to use material chips(tags) in Angular?; In this tutorial, we will learn how to implement chips or tags with the Angular Material library, We will use the MatChipsModule material modules to make chips list. We will use <mat-chip-list> and <mat-chip> directive of MatChipsModule, in this tutorial, I will explain the static chip list and chip list …
How to implement material spinner in Angular?; In this tutorial, we will learn how to implement a spinner with the Angular Material library, We will use the MatProgressSpinnerModule material modules to show a spinner and spinner progress bar some other important configurations. We will use <mat-progress-spinner> and <mat-spinner> directive of MatProgressSpinnerModule, <mat-progress-spinner> and <mat-spinner> are circular indicators of progress …
Angular material autocomplete is a typeahead search component to search the items based on the user entered text on the text box, In this article, we are going to learn angular material auto-complete integrated with remote API. let’s start Angular 12 autocomplete with API. You can download the working example https://github.com/technostuf/tinymce-angular-demo Create a new Angular …
The TinyMCE is a Rich text editor for the website, Today we are going to learn how to integrate the TinyMCE editor with angular 12. You can download the working example https://github.com/technostuf/tinymce-angular-demo Create a new Angular 12 app Install tinymce-angular Library Import the modules Add code in the view file Run an Angular 12 application …
Angular 12 Material Tabs Tutorial with Example; In this tutorial, we will learn how to implement tabs with the Angular Material library, We will use the MatTabsModule material modules to generate tabs with animations and some other important configuration The Angular material UI components provide a Tab component to use tabs in angular, Tabs component …
Angular 12 Material Autocomplete Tutorial: Angular Material is the most popular UI components library, it provides many ready-to-use UI components today we will learn Material’s Autocomplete UI component The Autocomplete UI component provides the facility to select a recommended options to the user when the user type on the textbox You can download the working …
Angular 12 Material Dialog example; Angular Material is the most popular UI components library, it provides many ready-to-use UI components, Angular Material is developed by Google. Its components help to construct attractive, consistent, and functional web pages and web applications. It is used to create a responsive and faster website. In this article, we are …
Angular 2+ supports an [innerHTML] property for render a html content in HTML, if you are using interpolation than it will treat as a string in this article, I will explain you how to use [innerHTML] to render a HTML string in Angular Binding using innerHTML For example if you have any that contains a …
Angular 12 Bootstrap Responsive Carousel slider tutorial, in this tutorial I will explain how to use the Bootstrap 4 responsive carousel slider. Bootstrap is the most popular HTML, CSS, and JavaScript framework for building a responsive web application, Bootstrap provides lots of widgets to use in our application, Bootstrap provides a carousel widget for slider. …
Angular 12 Bootstrap modal example tutorial; In this tutorial you will learn how to create a modal popup with Bootstrap 4 in angular 12. The modal popup is a dialog box/popup window that is displayed on top of the current page To create a modal popup in Angular 12, we will use a bootstrap 4 …