angularjs-ng-form

I cannot seem to avoid the need to generate dynamic sub forms in the application I am working on. The sub form is working as expected and the sub form shows $invalid=true when one or more of it's inputs are invalid. The parent form however has $invalid=false. I have seen people achieve nested forms where invalid sub forms invalidate the parent form, but I can't seem to do it dynamically without wrapping the dynamic compiling of the sub form in a $timeout. See Plunker HERE In the above link I have recreated the scenario. I have three forms. The parent form, a sub form created at the same time

I am using ng-form as a parent form and child mg-forms for validation with ng-repeat. <div ng-form="form"> <div ng-repeat="field in fields"> <div ng-form="subform"><input...></div> </div> </div> And validating like this: if ($scope.form.subform.$invalid && !$scope.form.subform.$error.required) { // Do something... } (this is very simplified example, I have more different subforms for different input types and with different names, e.g. input[text] is named as a TextForm, input[numeric] is NumericForm etc.) Everything works as expected if there is only on field. But if ng-repeat generates

I am writing an application which UI wise is almost exactly like Google. I arrive at landing page I have a search box which on submit directs you to results page. Here you have the same search box and other directives in which you can switch between modes: eg. web, image. Currently I have: on landing page: form with action="results.html" which passes the parameters in the url. <form name="search" role="form" action="results.html"> <div class="input-group input-group-search"> <input type="text" class="form-control" ng-model="blab" name="q" required> <span class="input-group-addon"> <button

Angular 6 form validation simple example. With email validation and select box(drop down).ngForm simple example in angular 6 with select box Use ngForm. Import it your component.module.ts(module file) import { FormsModule } from '@angular/forms'; Add it your component template <form role="form" (ngSubmit)="f.form.valid && onSubmit()" #f="ngForm" novalidate> <select name="name_id" [(ngModel)]="model.name_id" #name_id="ngModel" [ngClass]="{ 'is-invalid': f.submitted && name_id.invalid }" required> <option value="" disabled selected>Select Name</option> <option *ngFor="let name of allnames"