ng-form example nesting, ng-form ejemplo anidación formularios

ng-form example nesting, ng-form ejemplo anidación formularios

HTML

<div ng-app="myApp">
    <div ng-controller="Padre1Controller">
    <ng-form name="form1">
        form1:<input name="text11" type="text" ng-model="text11" required/> <br>
        <ng-form name="form2">
            form2:<input name="text12" type="text" ng-model="text12" required/> <br>
        </ng-form>   
     </ng-form><br>
            form1:
            form1.text11.$valid : {{form1.text11.$valid}}<br>
            form1.text11.$error : {{form1.text11.$error}}<br>
            form1.$valid : {{form1.$valid}}<br>
            form1.$error.required : {{form1.$error.required}}<br>
            <br>
            form2:
            form2.text12.$valid : {{form2.text12.$valid}}<br>
            form2.text12.$error : {{form2.text12.$error}}<br>
            form2.$valid : {{form2.$valid}}<br>
            form2.$error.required : {{form2.$error.required}}<br>

     </div>
</div>

JavaScript

(function() {
    var myApp=angular.module('myApp', []);
    
    myApp.controller('Padre1Controller', function($scope){
  
    });
    
})();