My Blog

Author: Ismail Ishaq

  • Angular Routing

    —

    by

    Ismail Ishaq
    in

    Navigation is an important aspect of web applications. A single-page application (SPA) does not have multiple-page concepts, and it moves from one view (expense list) to another view. It provides clear and understandable navigation elements decide the success of an application. Angular provides a comprehensive set of navigation features to accommodate simple scenarios in a…

  • Angular Decorators

    —

    by

    Ismail Ishaq
    in

    Decorators are design patterns used to isolate the modification or decoration of a class without modifying the source code. In AngularJS, decorators are functions that allow a service, directive, or filter to be modified before it is used. There are four main types of angular decorators: Each decorator has a unique role. Let’s see some examples to expand the…

  • Uninstall and Reinstall Angular cli

    —

    by

    Ismail Ishaq
    in

    In this section, we are going to uninstall and reinstall Angular CLI. Angular CLI is a type of tool which is used to develop Angular application. It is a type of framework which is based on JavaScript. It is also one of the booming among others. That’s why it is a less stressful and robust…

  • Add Page Title and Meta Tags using Angular 9/8 SEO

    —

    by

    Ismail Ishaq
    in

    In this section, we are going to learn about adding page titles and Meta tags. We will use Angular 9/8 to do this. Here we will explain the universal dynamic Meta tag. Here, we will also learn about the setting of SEO Meta tags. Meta services and titles are offered by Angular. These tags and…

  • Use Bootstrap Tabs with Angular

    —

    by

    Ismail Ishaq
    in

    In this step, we are going to learn about the use of Bootstrap Tab. We will use Angular to do this. We can use Bootstrap tabs by using various versions of Angular like Angular 6, 7, 8, 9, 10 and 11. If we don’t have knowledge about ngx-bootstrap tabs, we are at the right palace.…

  • Toggle a Div on Button Click Angular

    —

    by

    Ismail Ishaq
    in

    In this section, we are going to learn how we can toggle a Div by clicking on a button. We will use Angular to do this. In our below example, we will learn the use of toggle elements. In our application, we are going to use ngIf and hidden to toggle div on an event…

  • Ng-container Angular

    —

    by

    Ismail Ishaq
    in

    In this section, we are going to learn about Ng-containers. We can use any version of Angular like Angular 6, 7, 8, and Angular 8 in ng-content in our application. Here, we are going to use ng-content with ng-container. Using the ng-container and ng-content, we can provide one more solution to the reusable components. In…

  • Multi-Select Dropdown using Angular 11/10

    —

    by

    Ismail Ishaq
    in

    In this section, we are going to learn the multi-select dropdown. We will use Angular 10 or Angular 11 to do this. If we don’t know about the multiple select dropdown options, this example will provide good knowledge. In our Angular application, we are going to use the npm package of ng-select for the multi-select…

  • Angular Image Upload with Crop, Zoom, Scale

    —

    by

    Ismail Ishaq
    in

    In this step, we are going to learn about uploading images with zoom, crop, and scale. We will use Angular to do this. If we want to download the cropped image, we can download it in base64. We can use various versions of Angular applications like Angular 6, 7, 8, 9, 10, and 11. The…

  • Angular Form Validation no Whitespace Allowed

    —

    by

    Ismail Ishaq
    in

    In this section, we are going to learn about form validation. In this form, we will not allow any white space. We will use Angular to do this. Many times, our application needs a form that accepts input without any space. In our reactive form, we can use custom validation which will not allow whitespace.…