html - Angular ng-messages inside custom directive inside ng-repeat wrong behaviour -


i have same problem described in toppic: angular js ng-message inside directive

unfortunatelly solutions not working me, because using custom directive inside ng-repeat. ng-messages work when error condition fulfilled inputs.

http://plnkr.co/edit/ljt48bmyvr9dgfliiydh?p=preview

i have tried many ways creating ng-messages condition nothing worked properly. 2 of them can find in above plunker:

ng-messages="form.doubleinputleft.$error" ng-messages="form['doubleinputright' + $index].$error"  

please me, regards

for input elements work inside ng-repeat, index must included part of name attribute.

    <!-- index must included in name attribute --     <input name="doubleinputleft" class="form-control ngmessagesample" type="{{inputtype}}"  ng-model="modelleft" ng-minlength="2" ng-maxlength="20" required>     -->     <input name="doubleinputleft{{index}}" class="form-control ngmessagesample" type="{{inputtype}}"  ng-model="modelleft" ng-minlength="2" ng-maxlength="20" required>     <div ng-messages="form['doubleinputleft'+index].$error" class="ngmessagesclass" ng-messages-multiple>       <div ng-message="minlength" class="ngmessageclass"> {{leftinputheading}} must have @ least 2 characters.</div>       <div ng-message="maxlength" class="ngmessageclass"> {{leftinputheading}} must have @ 20 characters.</div>     </div> 

otherwise, repeated elements have duplicate names.

the demo on plnkr


Comments

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

asp.net - Problems sending emails from forum -