Skip to main content

Angular 2+ Forms - Validating the Template Driven Forms

In this mini session we are going to look after how to validate a template driven from in Angular 2 + application.

Here is the plunker :

Here we can able to use the 4 built-in type validation like HTML form validations. required, pattern,
minlength and maxlength

Popular posts from this blog

Hide the navigation bar in jHipster Angular 2

Hiding a navigation bar is the easiest solution on Angular 2 version of jHipster. For this, you need to create a NavService and implement it on every component you need to show the navigation bar.

Let's first create a service in the directory of your navigation component resides.

import { Injectable } from '@angular/core';

export class NavbarService {
  visible: boolean;

  constructor() { this.visible = false; }

  hide() { this.visible = false; }

  show() { this.visible = true; }

  toggle() { this.visible = !this.visible; }


There after you need to call this service on your navigation component constructor

import { Component } from '@angular/core';
import { NavbarService } from './navbar.service';

  selector: 'sd-navbar',
  templateUrl: 'navbar.component.html'

export class NavbarComponent {

  constructor( public nav: NavbarService ) {}


After the use, the above declared filed on your view in ngIf to show and …