<div sf-array="form" class="schema-form-array  ng-not-empty" ng-model="model['comments']" ng-model-options="form.ngModelOptions" aria-invalid="false" style=""><label class="control-label ng-binding" ng-show="showTitle()" aria-hidden="false">comments</label><ol class="list-group ng-pristine ng-untouched ng-valid ng-not-empty" ng-model="modelArray" ui-sortable="" aria-invalid="false" style=""><!-- ngRepeat: item in modelArray track by $index --><li class="list-group-item" ng-repeat="item in modelArray track by $index"><button ng-hide="form.readonly || form.remove === null" ng-click="deleteFromArray($index)" style="position: relative; z-index: 20;" type="button" class="close pull-right" aria-hidden="false"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button><sf-decorator ng-init="arrayIndex = $index" form="copyWithIndex($index)" class="ng-scope"><div class="schema-form-section ng-scope" ng-class="form.htmlClass"><!-- ngIf: form.titleKey --><div class="section-content"><!-- ngRepeat: item in form.items --><sf-decorator ng-repeat="item in form.items" form="item" class="ng-scope"><div ng-disabled="form.readonly" class="form-group ng-scope  schema-form-text has-feedback" ng-class="{ '' : true, 'schema-form-text': true, 'has-error': form.disableErrorState !== true &amp;&amp; hasError(), 'has-success': form.disableSuccessState !== true &amp;&amp; hasSuccess(), 'has-feedback': form.feedback !== false }" aria-disabled="false"><div fem-text="" fem-options="form" ng-model="model['comments']['0']['name']" sf-changed="form" schema-validate="form" data-name="name" class="ng-pristine ng-untouched ng-valid ng-isolate-scope ng-empty ng-valid-schema-form" aria-invalid="false"><md-input-container class=""><label for="name" class="ng-binding"> <!-- ngIf: settings.required == true --><span ng-if="settings.required == true" style="color: red" class="ng-scope">*</span><!-- end ngIf: settings.required == true --></label><input ng-show="settings.key" type="text" id="name" ng-change="changeHandler()" ng-blur="focusOutHandler()" ng-model="model" ng-disabled="settings.readonly" name="name" aria-describedby="nameStatus" class="ng-pristine ng-untouched ng-valid md-input ng-empty" aria-hidden="false" aria-invalid="false"><div class="md-errors-spacer"></div></md-input-container></div><!-- ngIf: form.feedback !== false --><span ng-if="form.feedback !== false" class="form-control-feedback ng-scope glyphicon" ng-class="evalInScope(form.feedback) || {'glyphicon': true, 'glyphicon-ok': form.disableSuccessState !== true &amp;&amp; hasSuccess(), 'glyphicon-remove': form.disableErrorState !== true &amp;&amp; hasError() }" aria-hidden="true"></span><!-- end ngIf: form.feedback !== false --><!-- ngIf: ngModel.$invalid --><!-- ngIf: ngModel.$valid || form.descriptionAlwaysShow --><div class="help-block ng-scope" ng-if="ngModel.$valid || form.descriptionAlwaysShow" nsp-translate="" default-value=""></div><!-- end ngIf: ngModel.$valid || form.descriptionAlwaysShow --></div></sf-decorator><!-- end ngRepeat: item in form.items --><sf-decorator ng-repeat="item in form.items" form="item" class="ng-scope"><div ng-disabled="form.readonly" class="form-group ng-scope  schema-form-text has-feedback" ng-class="{ '' : true, 'schema-form-text': true, 'has-error': form.disableErrorState !== true &amp;&amp; hasError(), 'has-success': form.disableSuccessState !== true &amp;&amp; hasSuccess(), 'has-feedback': form.feedback !== false }" aria-disabled="false"><div fem-text="" fem-options="form" ng-model="model['comments']['0']['email']" sf-changed="form" schema-validate="form" data-name="email" class="ng-pristine ng-untouched ng-valid ng-isolate-scope ng-empty ng-valid-schema-form" aria-invalid="false"><md-input-container class=""><label for="email" class="ng-binding"> <!-- ngIf: settings.required == true --></label><input ng-show="settings.key" type="text" id="email" ng-change="changeHandler()" ng-blur="focusOutHandler()" ng-model="model" ng-disabled="settings.readonly" name="email" aria-describedby="emailStatus" class="ng-pristine ng-untouched ng-valid md-input ng-empty" aria-hidden="false" aria-invalid="false"><div class="md-errors-spacer"></div></md-input-container></div><!-- ngIf: form.feedback !== false --><span ng-if="form.feedback !== false" class="form-control-feedback ng-scope glyphicon" ng-class="evalInScope(form.feedback) || {'glyphicon': true, 'glyphicon-ok': form.disableSuccessState !== true &amp;&amp; hasSuccess(), 'glyphicon-remove': form.disableErrorState !== true &amp;&amp; hasError() }" aria-hidden="true"></span><!-- end ngIf: form.feedback !== false --><!-- ngIf: ngModel.$invalid --><!-- ngIf: ngModel.$valid || form.descriptionAlwaysShow --><div class="help-block ng-scope" ng-if="ngModel.$valid || form.descriptionAlwaysShow" nsp-translate="" default-value="Email will be used for evil."></div><!-- end ngIf: ngModel.$valid || form.descriptionAlwaysShow --></div></sf-decorator><!-- end ngRepeat: item in form.items --><sf-decorator ng-repeat="item in form.items" form="item" class="ng-scope"><!-- ngIf: evalExpr(form.condition,{ model: model, "arrayIndex": arrayIndex, "modelValue": model['comments']['0']['spam']}) --></sf-decorator><!-- end ngRepeat: item in form.items --><sf-decorator ng-repeat="item in form.items" form="item" class="ng-scope"><div class="form-group has-feedback  schema-form-textarea" ng-class="{'has-error': form.disableErrorState !== true &amp;&amp; hasError(), 'has-success': form.disableSuccessState !== true &amp;&amp; hasSuccess()}"><label class="" ng-class="{'sr-only': !showTitle()}" for="comment">Comment</label> <!-- ngIf: !form.fieldAddonLeft && !form.fieldAddonRight --><textarea ng-if="!form.fieldAddonLeft &amp;&amp; !form.fieldAddonRight" class="form-control " id="comment" sf-changed="form" placeholder="" ng-disabled="form.readonly" ng-model="model['comments']['0']['comment']" ng-model-options="form.ngModelOptions" schema-validate="form" name="comment" aria-invalid="false"></textarea><!-- end ngIf: !form.fieldAddonLeft && !form.fieldAddonRight --><!-- ngIf: form.fieldAddonLeft || form.fieldAddonRight --><span class="help-block" sf-message="form.description"></span></div></sf-decorator><!-- end ngRepeat: item in form.items --></div></div></sf-decorator></li><!-- end ngRepeat: item in modelArray track by $index --></ol><div class="clearfix" style="padding: 15px;"><button ng-hide="form.readonly || form.add === null" ng-click="appendToArray()" type="button" class="btn btn-success pull-right" aria-hidden="false"><i class="glyphicon glyphicon-plus"></i> New</button></div><div class="help-block ng-binding ng-hide" ng-show="(hasError() &amp;&amp; errorMessage(schemaError())) || form.description" ng-bind-html="(hasError() &amp;&amp; errorMessage(schemaError())) || form.description" aria-hidden="true" style=""></div></div>