如何在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(); 
     });  
    } 
    } 
});