|
Сообщение от DjDiablo
|
|
идея простая если к любому элементу добавить dragable, то его можно перемещать мышью
|
видел этот пример в доках
|
Сообщение от DjDiablo
|
|
Это вроде как оптимизация
|
да, смотрится забавно
Еще пример практически "из коробки". Позволяет делать элементы редактируемыми.
<!doctype html>
<html ng-app="directive">
<head>
<script src="http://code.angularjs.org/1.1.4/angular.min.js"></script>
<script>
angular.module('directive', []).directive('contenteditable', function() {
return {
require: 'ngModel',
link: function(scope, elm, attrs, ctrl) {
// вид -> модель
elm.bind('blur', function() {
scope.$apply(function() {
ctrl.$setViewValue(elm.html());
});
});
// модель -> вид
ctrl.$render = function(value) {
elm.html(value);
};
// загрузка начального значения из DOM
ctrl.$setViewValue(elm.html());
}
};
});
</script>
<style>
div[contentEditable] {
cursor: pointer;
background-color: #D0D0D0;
margin-bottom: 1em;
padding: 1em;
}
</style>
</head>
<body>
<div contentEditable="true" ng-model="content">Измените текст</div>
<pre>model = {{content}}</pre>
</body>
</html>