如何在AngularJS中获取单词选择事件

Question

我正在构建一个应用程序，用户可以从网页上显示的文章中选择一个单词，然后将该单词保存在数据库中供以后使用。

我可以使用哪个事件，以便我可以获取用户选择的单词。我正在使用AngularJS。下面是我在jQuery中发现了一个代码，我怎么能写相当于AngularJS代码

$(document).ready(function() { 

    var p = $('p'); 
    p.css({ cursor: 'pointer' }); 

    p.dblclick(function(e) { 
     var range = window.getSelection() || document.getSelection() || document.selection.createRange(); 
     var word = $.trim(range.toString()); 
     if(word != '') { 
      alert(word); 
     } 
     range.collapse(); 
     e.stopPropagation(); 
    }); 

}); 

Answer 1

你只需要它包装到一个指令内：

app.directive('p', function() { 
    return { 
    restrict: 'E', 
    link: function(scope, element, attrs) { 
     element.css({ cursor: 'pointer' }); 
     element.on('dblclick', function(e) { 
     var range = window.getSelection() || document.getSelection() || document.selection.createRange(); 
     var word = range.toString().trim(); 
     if(word !== '') { 
      console.log(word); 
     } 
     e.stopPropagation(); 
     });  
    } 
    } 
});