I'm using this angular extension module to allow users to add tabs, delete tabs and modify tab titles which where the problem relies to create something like a form wizard creation tool. Using ng-repeat and tracking an object by $index would properly apply the location of tabs in order, however, the title of the tab does not change but retrieves the name of the last indexed object property name.
The tabs start like this:
When pressing add new tab, this goes to a function and applies a new object to the array but the name does not change:
The section of the html file:
<div ng-repeat="schema in myForm.schema track by $index"><div fg-tabs-pane="{{schema.name}}">
the ng-repeat picks up the new object from the scope as it has been changed and correctly applies the new tab, however, the name change does not seem to apply when inputting the object name within the fg-tabs-pane.
I'm using this angular extension module to allow users to add tabs, delete tabs and modify tab titles which where the problem relies to create something like a form wizard creation tool. Using ng-repeat and tracking an object by $index would properly apply the location of tabs in order, however, the title of the tab does not change but retrieves the name of the last indexed object property name.
The tabs start like this:
When pressing add new tab, this goes to a function and applies a new object to the array but the name does not change:
The section of the html file:
<div ng-repeat="schema in myForm.schema track by $index">
<div fg-tabs-pane="{{schema.name}}">
the ng-repeat picks up the new object from the scope as it has been changed and correctly applies the new tab, however, the name change does not seem to apply when inputting the object name within the fg-tabs-pane.