Как определить текст, выбранный в div?

Question

У меня есть строки текста, сгенерированные ng-repeat, отображаемые в div. Я хотел бы, чтобы пользователь мог выбрать из этих линий и нажать на кнопку, и есть приложение, знать, какие строки пользователь выбрал

Есть ли способ сделать это в AngularJS

Answer 1

Для того, чтобы захватить выбранный текст в браузере, попробуйте библиотеку Rangy. I have created a small example о том, как его использовать. Я уверен, что вы можете расширить его в соответствии с вашими потребностями.

Если вам необходимо принять меры сразу после того, как пользователь выделит текст (без кнопки), вы должны прослушать событие mouseup. Следующая директива должна помочь:

angular.module('myModule').directive('watchSelection', function() { 
    return { 
     link: function(scope, element) { 
      element.on('mouseup', function(event) { 
       var selection = rangy.getSelection(); 
       // do something with selected text 
      }); 
     } 
    }; 
}); 

Вы также можете найти this answer интересно.