angularjs Formular-Validierung, die eine interne Form hat

Question

Ich habe ein Formular von einigen Eingabe. und irgendwann habe ich eine andere Form durch irgendeine Eingabe in diese Form. Wenn ich kein internes Formular habe, ist mein Elternformular gültig, aber wenn ich intern in Originalform habe und das Originalformular gültig ist (ich sehe Eingaben vollständig ausgefüllt) und das interne Formular nicht gültig ist, ist auch mein Originalformular ungültig. Wenn ich auf submit1 klicke, muss ich die Eingabe in der ursprünglichen Form speichern und wenn ich auf submit2 klicke, muss ich die internen Eingaben speichern.

Im Webformular haben wir die Validierung gruppiert. Haben wir solche in Webform in der Winkelvalidierung für diesen Fall gruppiert?

<form name="original" novalidate class="form-horizontal bv-form"> 
    <div class="col-md-3 col-sm-6" ng-class="{ 'has-error': !original.name.$pristine && original.name.$invalid ,'has-success':!original.name.$invalid}"> 
    <label>Name</label> 
    <input auto-focus class="form-control" type="text" name="name" ng-model="vm.original.name" required /> 
    <i class="form-control-feedback glyphicon" ng-class="{ 'glyphicon-ok' : original.name.$dirty && original.name.$valid , 'glyphicon-remove': original.name.$dirty && original.name.$invalid}" data-bv-icon-for="firstName" ng-show="original.name.$dirty"> 
    </i> 
    <div> 
    <span class="help-block " ng-show="original.name.$invalid && !original.name.$pristine"> 
    name required 
    </span> 
    </div> 
    </div> 
<form name="internal" novalidate class="form-horizontal bv-form"> 
<div class="col-md-3 col-sm-6" ng-class="{ 'has-error': !internal.name.$pristine && internal.name.$invalid ,'has-success':!internal.name.$invalid}"> 
    <label>Name</label> 
    <input auto-focus class="form-control" type="text" name="name" ng-model="vm.internal.name" required /> 
    <i class="form-control-feedback glyphicon" ng-class="{ 'glyphicon-ok' : internal.name.$dirty && internal.name.$valid , 'glyphicon-remove': internal.name.$dirty && internal.name.$invalid}" data-bv-icon-for="firstName" ng-show="internal.name.$dirty"> 
    </i> 
    <div> 
    <span class="help-block " ng-show="internal.name.$invalid && !internal.name.$pristine"> 
    name required 
    </span> 
    </div> 
    </div> 
<button type="submit" id="submit2" class="btn btn-primary blue" ng-click="int=internal.$valid && $scope.save2()"> 
</form> 
<button type="submit" id="submit1" class="btn btn-primary blue" ng-click="original.$valid && $scope.save()"> 
</form> 

Answer 1

Ich fand meine Lösung.

In diesem Fall verwende ich ng-if für die Überprüfung der Validierung für das interne Formular beim Einreichen eines externen Formulars.

Wenn Client auf externen Formular bearbeitet habe ich das interne Formular ausgeblendet und ich kann das externe Formular senden. und wenn der Kunde versucht, ein internes Formular zu senden, zeige ich es dem Kunden an und ich kann das interne Formular eingeben und einreichen.

Answer 2

sollten Sie ng-form anstelle von form wenn Sie forms in einem form für weitere Informationen siehe die Dokumentation ng-form nisten.

Verschachtelbarer Alias ​​der form-Anweisung. HTML erlaubt keine Verschachtelung von Formular Elementen. Es ist sinnvoll, Formulare zu verschachteln, z. B. wenn die Gültigkeit einer Untergruppe von Steuerelementen bestimmt werden soll.