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

时间:2017-01-07 06:35:24

标签: angularjs x-editable remote-validation

我正在尝试使用ng-remote-validate指令在使用Angular-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>

但是控制台窗口显示以下错误:

  

错误:[$ compile:multidir]多个指令[editableText,ngRemoteValidate]要求新的/隔离范围:&lt; a href =“#”editable-text =“vm.product.name”onaftersave =“vm。 updateProduct()“ng-remote-validate =”{{vm.pageUrl}} Product / IsUnique“dummy =”{{vm.dummyName}}“ng-remote-method =”GET“&gt;

     

http://errors.angularjs.org/1.5.8/ $编译/ multidir P0 = editableText&安培; P1 =&安培; P2 = ngRemoteValidate&安培; P3 =&安培; P4 =新%2Fisolated

是否可以将ng-remote-validate指令与Angular-xeditable指令一起使用?如果是,请帮我解决这个问题。

谢谢..

1 个答案:

答案 0 :(得分:0)

在角度属性

之前添加'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>