- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
我的任务是使用 angular 处理掉落的文本。我在拖放事件中不断收到此错误 $scope is not defined
。知道如何解决这个问题吗?
我已经研究过 Angular 拖放库。他们不允许拖放简单的文本。他们中的大多数都使用列表。让我知道是否有适合这项任务的人
这里是 plunker:
[http://plnkr.co/edit/egKL13hsHka6RiX4UfSS?p=preview
][1]
这是 Controller :
var app = angular.module("test", []);
app.controller('testCtrl', ['$scope',function ($scope) {
$scope.nouns = ['guitar'];
$scope.verbs = ['play'];
$scope.allowDrop= function (ev) {
ev.preventDefault();
};
$scope.drag= function (ev) {
ev.dataTransfer.setData("Text", ev.target.id);
};
$scope.drop= function (ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("Text");
if(ev.target.id =='verb' && $scope.verbs.indexOf(data) != -1){
ev.target.appendChild(document.getElementById(data));
}
else{
alert(data + ' is not a ' + ev.target.id +'. Try again');
}
};
}]);
最佳答案
$scope
对象在"Outside angular context" 中不可用。每当你想访问 JavaScript 中的 Angular 范围( Angular 世界之外)时,你需要通过获取该元素的 DOM 来获取 scope
,然后像 angular.element 一样访问它的范围(document.getElementById('testApp'))
这只是正文的范围。
引用这个SO answers访问 Angular 上下文之外的范围。
关于javascript - ondragstart、ondragover、onstart - $scope 未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30200012/
我有以下代码,它不起作用。 export function makeDraggable(htmlElement: any, dotnetCallbackObject: any): void {
对于 ondragstart 函数调用有效的可变 CSS 样式有哪些? HTML Item CSS function drag(ev) { ev.target.style.backgrou
我的图像位于一个数组中,我必须动态创建一个包含图像的 div,并且该图像必须具有 ondragstart 属性,但我无法使其工作。我什么都用了。 function showOptions(i,j){
我正在尝试将 ondragstart 处理程序添加到我动态创建的图像中: var image = new Image(); image.src = "https://www.filepicke
我正在尝试创建一个动态元素,当您拖动图像时该元素会附加到光标: hello document.getElementById('img').ondragstart = function(e){
我一直在尝试使用 ondrag()和 div 上的一些其他功能在 HTML 上动态呈现页面。 这些事件似乎都没有触发,我也没有收到任何错误。我也找不到很多有用的文档。我是不是理解错了,您可以使用这些事
我一直在尝试使用 Javascript Drag and Drop API。 var file = document.getElementById('file'); file.addEventList
我有一个图像元素数组, var im = ["im1","im2"]; // from db or local drive 然后动态创建图像: var l = imagelist.length; fo
您好,我正在尝试使用 jquery 的 html 拖放功能。我像这样生成可拖动(按钮) $("#tb > tbody > tr").append(($("")).append($("", {type:
使用 ondragover="functioname(event)、ondragstart="functioname(event) 和 ondrop="functioname(event) HTML
当我在网站上检查一些代码时,我提出了这个问题。 在body标签中写着ondragstart="return false"和ondrop="return false",通过查看它,我明白他们阻止了他们的
我想让一个 img 元素不可选择且不可拖动,因为我将它用作窗口大小调整控件(单击并拖动周围的 div 可调整窗口大小)。 它工作得很好,如下所示: noSelect[x].ondragstart =
我正在尝试在我的组件中创建简单的拖放方法,但似乎无法正常工作。这真的是我第一次处理拖放类型的东西,所以不确定我是否采取了正确的方法。刚刚采用了 W3 的教程。有什么建议? id 将是简单地获取被拖动元
有几个问题似乎在问这个问题,但没有人接受答案,也没有对我有用。 我有一个“组”按钮,当它被点击时,将动态创建一个“组”div(然后我在其中附加一些预先选择的“子”div) 但是我需要新的“组”div
我已经实现了 HTML5 drag and drop在 DIV 上。它适用于所有浏览器,包括 IE8。但是自从 IE9 发布后,它就不再有效了。 ondragstart 事件不会被触发。这是我的代码,
我的任务是使用 angular 处理掉落的文本。我在拖放事件中不断收到此错误 $scope is not defined 。知道如何解决这个问题吗? 我已经研究过 Angular 拖放库。他们不允许拖
在下面的例子中,我希望 onDragStarted/onDragFinished当拖动一个矩形时调用。然而只有drag.onActiveChanged (鼠标区域的)和 Drag.onActiveCh
我正在用 JavaScript 创建一个简单的图片拼图游戏,并尝试实现 HTML5 拖放 API。如果我向元素添加 ondragstart、ondragover 或 ondrop 事件(即作为属性),
我正在 ReactJs 中创建一个基本应用程序来实现基本的 HTML5 拖放功能。我面临的问题是,我的 onDragStart 事件没有将事件对象传递给处理程序方法。我已经提到了 documentat
在 docs它说: DragHandleProps need to be applied to the node that you want to be the drag handle. This i
我是一名优秀的程序员,十分优秀!