Question

我正在使用Angularjs xeditable编辑一些用户。我希望在单击可编辑元素时选择文本。我想我知道如何写指令：

   UserManager.directive('selectWhenEditing',function(){
        var linkFunction = function(scope,element,attributes)
        {
            console.log(element.find('span'));
            console.log(element.find('.editable'));
            element.find('.editable').on('click',function(){
                element.find('.editable-input').select();
                console.log("launched");
            });
        };
        return{
            restrict: 'A',
            link:linkFunction
        };}
    );

这是我的来电元素：

<td data-select-when-editing="">
<span class="ng-scope ng-binding editable editable-click" onbeforesave="checkUsername($data,user)" editable-text="user.username"> Name </span>
</td>

似乎find（）方法找不到类＆＃34;可编辑＆＃34; （但它确实找到了例如）。虽然正如你在我的html代码中看到的那样，可编辑的类应用于span，因此它应该由find（）找到。

Answer 1

检查此链接并仔细了解http://jsfiddle.net/mahbub/XRL4U/

<a xeditable...></a>

编辑时选择文本

1 个答案: