avec la directive-ng-validate à distance avec la directive angulaire xeditable

Question

Je suis en train de faire la validation à distance avec la directive-ng-validate à distance sur une zone de texte modifiable, créé en utilisant la directive angulaire xeditable.

HTML:

<a href="#" editable-text="vm.product.name" onaftersave="vm.updateProduct()" 
ng-remote-validate="{{vm.pageUrl}}Product/IsUnique" dummy="{{vm.dummyName}}" 
ng-remote-method="GET">{{vm.product.name || 'not set'}}</a> 

Mais la fenêtre Console affiche l'erreur suivante:

Error: [$compile:multidir] Multiple directives [editableText, ngRemoteValidate] asking for new/isolated scope on: <a href="#" editable-text="vm.product.name" onaftersave="vm.updateProduct()" ng-remote-validate="{{vm.pageUrl}}Product/IsUnique" dummy="{{vm.dummyName}}" ng-remote-method="GET">

http://errors.angularjs.org/1.5.8/ $compile/multidir?p0=editableText&p1=&p2=ngRemoteValidate&p3=&p4=new%2Fisolated

Est-il possible d'utiliser la directive ng-validate-distance avec la directive angulaire xeditable? Si oui, aidez-moi à résoudre ce problème.

Merci ..

Answer 1

add 'e' avant votre propriété angulaire

<a href="#" editable-text="vm.product.name" onaftersave="vm.updateProduct()" 
 
e-ng-remote-validate="{{vm.pageUrl}}Product/IsUnique" e-dummy="{{vm.dummyName}}" 
 
e-ng-remote-method="GET">{{vm.product.name || 'not set'}}</a>