Breaking a form between multiple tabs in angular breaks validation

Question

I have an angular form spitted between several tabs with angular UI directive.

Answer 1

From the ngForm directive docs:

In Angular, forms can be nested. This means that the outer form is valid when all of the child forms are valid as well. However, browsers do not allow nesting of elements, so Angular provides the ngForm directive, which behaves identically to form but can be nested.

This means that you can break your campaignForm form into sub-forms for each tab:

  
    
      

        
        
          Required
        
      
    

    
      

        
        
          Required
        
      
    
  

PLUNKER

This will circumvent the case where tabs directive (or any other directive that uses isolate scope) is breaking your ngFormController's scope.