> <tab heading="@Labels.userDefined 1" > select="selectView('userDefined1')" class="{{form.editGuestUserFields1Form.$invalid ? 'invalid-tab' : ''}}"> > </tab> > > <tab heading="@Labels.userDefined 2" > select="selectView('userDefined2')" class="{{form.editGuestUserFields2Form.$invalid ? 'invalid-tab' : ''}}"> > </tab> >>
><a href="" ng-click="select()" tab-heading-transclude="" class="ng-binding">User Defined 1</a> ><li ng-class="{active: active, disabled: disabled}" heading="User Defined 1" select="selectView('userDefined1')" class="active invalid-tab"> > ></li>>
><li ng-class="{active: active, disabled: disabled}" heading="User Defined 1" select="selectView('userDefined1')" class=""> > ></li>- the class is empty now and I want it to remain invalid-tab in this case. Is it because only one view / form is displayed and there is no form.editGuestUserFields1Form at all when I select different tab? In other words, do you think it's not possible with HTML to get what I want?