在 javascript angularjs 中访问 $scope答案

【问题标题】：Accessing $scope in javascript angularjs在 javascript angularjs 中访问 $scope
【发布时间】：2015-05-16 11:26:45
【问题描述】：

如何在javascript function 中设置angularjs $scope。例如在以下 javascript 函数中，我想设置 $scope.dragged 和 $scope.dropped

function drag(e){
				e.dataTransfer.setData("text/html", e.target.id);
				console.log(e.target.id);
                $scope.dragged = e.target.className;
			}
			function drop(e){
				e.preventDefault();
				$('#relationmodal').modal('show');
				e.target.className = "AAA";
				var droppedon = e.target.className;
				console.log(droppedon);
                $scope.dropped = e.target.className;
			}

【问题讨论】：

在 angularjs 控制器中包含这个函数，这样就可以访问作用域并且可以设置作用域相关的功能！！！
How to change AngularJS data outside the scope? 的可能重复项
@AlhuckA 我不能，因为 drag() 和 drop() 调用 ondragend 和 ondrop，而 angularjs 没有像 ng-ondragend 和 ng-ondrop 这样的指令
不要使用内联本机事件，创建您自己的指令并将事件绑定在您可以访问范围的指令内。使用 angular.element.bind(event, handler) 和 element 在指令中公开

标签： javascript angularjs scope set

【解决方案1】：

HTML

<div id="angularid" ng-app='MyModule' ng-controller="MyController">
   Hi
</div>

Javascript

 angular.element(document.getElementById('angularid')).scope().dragged = 'lorem';

 angular.element(document.getElementById('angularid')).scope().dropped = 'ipsum';

【讨论】：