Question

我有一个x-editable表单，里面有几个字段。为简洁起见，我仅在此处显示复选框字段。有一个编辑按钮可以打开所有要编辑的元素，当我单击提交时，所有元素都会被保存。在编辑模式下，我希望能够在提交表单之前单击复选框时调用函数。它将用于验证以确保用户确实要取消选中该框。我想阻止复选框的默认行为并显示确认对话框。这是一个简单的常规复选框，但我可以弄清楚如何使用x-editable。 ng-click似乎不起作用。正如您从示例中看到的那样，e-onClick可以工作，但只能使用内置函数，如alert（）和console.log（）。

<form editable-form name="tableform" onaftersave="save()"oncancel="cancel()">    
    <table>
        <tr>
            <th>Active:</th>
                <td>
                    <span editable-checkbox="user.active" e-form="tableform" e-onClick="console.log('test')"> {{user.active)}}
                    </span>
                </td>
        </tr>
   </table>
</form>

我想做一些这样的事情：

<span editable-checkbox="user.active" e-form="tableform" e-onClick="confirm($event)"> {{user.active)}}
                    </span>

在我的控制器中执行以下操作：

 $scope.confirm = function($event){
            $event.preventDefault();
            // show confirmation code

        };

Answer 1

你能试试吗

<span editable-checkbox="user.active" e-form="tableform" e-ng-click="confirm()"> {{user.active)}}</span>

和

 $scope.confirm = function(){
           console.log("test")
        };

这将有效

在xeditable表单内的元素上调用函数

1 个答案: