Angular JS help needed

[pandit]

this.appendForm = function (element, id) {
      element.append('' +
            '<form-valid ng-show="vm.itemsForm.itemNo' + id + '.$valid"></form-valid>'+
            '<form-invalid ng-show="vm.itemsForm.itemNo' + id + '.$touched && vm.itemsForm.itemNo' + id + '.$invalid"></form-invalid>'+
            '<div ng-messages="vm.itemsForm.itemNo' + id + '.$error" ng-show="vm.itemsForm.itemNo' + id + '.$touched">'+
            '<p class="validation-message" ng-message="required">Please enter item number</p>'
      );
};

 

try something like this in your controller.

[MegaPowerRockstar]

1 hour ago, pandit said:

this.appendForm = function (element, id) {
      element.append('' +
            '<form-valid ng-show="vm.itemsForm.itemNo' + id + '.$valid"></form-valid>'+
            '<form-invalid ng-show="vm.itemsForm.itemNo' + id + '.$touched && vm.itemsForm.itemNo' + id + '.$invalid"></form-invalid>'+
            '<div ng-messages="vm.itemsForm.itemNo' + id + '.$error" ng-show="vm.itemsForm.itemNo' + id + '.$touched">'+
            '<p class="validation-message" ng-message="required">Please enter item number</p>'
      );
};

 

try something like this in your controller.

how to call this from html control. can you use my sample form that i posted

[KATHRI]

check this plunker

https://next.plnkr.co/edit/vuQiH4D8qUY9jVoThnCy?p=preview&amp;preview

[MegaPowerRockstar]

18 minutes ago, KATHRI said:

check this plunker

https://next.plnkr.co/edit/vuQiH4D8qUY9jVoThnCy?p=preview&amp;preview

Super.. got it working.. thanks for your effort in putting this out..

[MegaPowerRockstar]

1 hour ago, KATHRI said:

check this plunker

https://next.plnkr.co/edit/vuQiH4D8qUY9jVoThnCy?p=preview&amp;preview

can you give me some idea how to apply for selectize control also..i tried below code but no luck

<div>
  <selectize config='vm.itemSelectValues' options='vm.item' ng-model="vm.newitem.otheritem[i.id].item" name="selected_item{{i.id}}" 
             id="selected_item{{i.id}}" require="true"></selectize>
  <div ng-messages="vm.otheritemForm['selected_item' + i.id].$error" ng-show="vm.otheritemForm['selected_item' + i.id].$touched">
    <p class="validation-message" ng-message="required">Please select your item.</p>
  </div>
</div>

 

[KATHRI]

Check this

http://embed.plnkr.co/2lN4NRFN8VF6kUZqPs0M