单击两次以重命名 html 中的内容？

Question

在 OS X 中，如果我单击一个文件或文件夹以突出显示它，然后再单击一次文件名，文件名变成一个可编辑的输入框，我可以更改该框中的文件名。现在我发现 xeditable http://vitalets.github.io/angular-xeditable/#overview 非常有用。我想知道在html或Angularjs中有没有这样的两次单击事件？谢谢

Answer 1

是的，它是一个与 ng-click 相同的 ng-dblclick 这是一个例子：

<button ng-dblclick="count = count + 1" ng-init="count=0">
 Increment (on double click)
</button>
count: {{count}}

Answer 2

通过以下代码解决了问题：

app.controller('QueryItemCtrl', function ($scope) {
    $scope.rename = function () {
        $scope.lastClickTime = $scope.lastClickTime || 0;
        var now = new Date().getTime();
        var delta = now - $scope.lastClickTime;
        $scope.lastClickTime = now;
        if (delta > 500 && delta < 1000) {
            $scope.textBtnForm.$show();
        }
    };
})

在html,data-ng-click="rename()".

单击两次以重命名 html 中的内容？

Two single clicks to rename something in html?

events

rename

angularjs