D-Net

<form [formGroup]="myForm">

    <div class="form-group" [ngClass]="{'has-error':!myForm.controls.name.valid && myForm.controls.name.dirty}">

        <label for="communityNameTag">*Community Name</label>

        <input type="text" class="form-control" formControlName="name" id="pageNameTag" placeholder="Community Name">

    </div>

    <div class="form-group" [ngClass]="{'has-error':!myForm.controls.pid.valid && myForm.controls.pid.dirty}">

        <label for="communityPidTag">*Community persistent id for portal</label>

        <input type="text" class="uk-input uk-width-medium" formControlName="pid" id="communityPidTag" placeholder="Community Pid">

    </div>

    <input type="hidden" formControlName="_id">

</form>