我们如何使用Angular JS突出显示并选择元素内的所有内容？
使用inputBox很容易.但是我们如何为元素做.
使用inputBox很容易.但是我们如何为元素做.
帮助将不胜感激.
谢谢
这是我到目前为止使用的.
<div ng-controller="appController" ng-app="app">
<input type="text" ng-model="content" ng-click="onTextClick($event)" />
</div>
JS
var app = angular.module('app',[]);
app.controller('appController',function ($scope) {
$scope.content = 'test';
$scope.onTextClick = function ($event) {
$event.target.select();
};
});
解决方法
jsfiddle：
http://jsfiddle.net/n63LhtcL/3/
这是一个实现它的更新指令：
.directive('selectOnClick',function ($window) {
return {
link: function (scope,element) {
element.on('click',function () {
var selection = $window.getSelection();
var range = document.createRange();
range.selectNodeContents(element[0]);
selection.removeAllRanges();
selection.addRange(range);
});
}
}
});
你的标记：
<div select-on-click>
Some text...
<input type="text" ng-model="content" />
</div>
