使用 ng-remote-validate 指令和 Angular-xeditable 指令

Question

我正在尝试在使用 Angular-xeditable 指令创建的可编辑文本框上使用 ng-remote-validate 指令进行远程验证。

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>

但控制台 window 显示以下错误：

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

是否可以将 ng-remote-validate 指令与 Angular-xeditable 指令一起使用？如果是，请帮我解决一下。

谢谢..

Answer 1

在你的 angular 属性

之前添加 'e'

<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>

使用 ng-remote-validate 指令和 Angular-xeditable 指令

Using ng-remote-validate directive along with Angular-xeditable directive

angularjs

x-editable

remote-validation