\n nbsurvey-common works!\n
\n `,\n styles: [\n ]\n})\nexport class NBSurveyCommonComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { NBSurveyCommonComponent } from './nbsurvey-common.component';\n\n\n\n@NgModule({\n declarations: [\n NBSurveyCommonComponent\n ],\n imports: [\n ],\n exports: [\n NBSurveyCommonComponent\n ]\n})\nexport class NBSurveyCommonModule { }\n","import { Injectable } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\n\n\n@Injectable({\n providedIn: 'root'\n})\nexport class BaseFormHelperService {\n\n\n /** carries the form model into angular formGroup */\n private _form: FormGroup;\n\n set form(formGroup: FormGroup) {\n this._form = formGroup;\n }\n\n get form(): FormGroup {\n return this._form\n }\n\n\n /**\n * Get the child formGroup from root formGroup with help of provided path\n * @param path name of group\n * @returns child group from root formGroup\n */\n getGroup(path: string) {\n return this.form.get(path) as FormGroup;\n }\n\n\n /**\n * Get formControl from root formGroup with help of provided path\n * @param path path of cotnrol\n * @returns control from formGroup\n */\n getControl(path: string) {\n return this.form.get(path) as FormControl;\n }\n\n\n /**\n * Get error type of control to show in validations\n * @param path path of form control\n * @param group FormGroup to search path in\n * @returns error state of control\n * @example\n * ```\n * getErrorMessage('firstName') // finds in main FormGroup in service class\n * getErrorMessage('firstName', personalDetailsGroup) // finds in FormGroup passed as an argument\n * ```\n */\n getErrorMessage(path: string, group?: FormGroup): string | null {\n\n const control = group ? (group.get(path) as FormControl) : this.getControl(path);\n\n if (!control.touched && control.pristine) return null;\n\n const errors = control.errors;\n\n if (!errors) return null;\n\n if (errors['required']) return 'Required';\n\n if (errors['email'] || errors['pattern'] || errors['validatePhoneNumber']) return 'Invalid';\n\n return null;\n }\n\n\n /**\n * @protected\n * create form and assign to the form property\n */\n protected createForm(model: any) {\n this.form = this.fb.group(model);\n }\n\n constructor(protected fb: FormBuilder) { }\n\n\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { BaseFormHelperService } from '../services/base-form-helper.service';\n\n\n@Component({\n selector: 'nb-personal-details-form',\n templateUrl: './personal-details-form.component.html',\n styleUrls: ['./personal-details-form.component.scss'],\n})\nexport class PersonalDetailsFormComponent implements OnInit {\n\n\n @Input() group: FormGroup;\n\n\n constructor(\n public readonly formService: BaseFormHelperService\n ) { }\n\n\n ngOnInit(): void {\n if (!this.group) {\n throw Error(`Please pass form group`);\n }\n }\n\n}\n","{{ questionText }}
\n