22

我很难选择有角度的元素。我一定犯了一些愚蠢的错误:

function Root($scope) {
    $scope.elem = angular.element('div');
}​

导致的错误:

Error: selectors not implemented
    at Error (<anonymous>)
    at Object.JQLite [as element] (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js:1523:13)
    at new Root (http://fiddle.jshell.net/kzX9z/7/show/:28:27)
    at invoke (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js:2795:28)
    at Object.instantiate (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js:2805:23)
    at $get (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js:4621:24)
    at $get.i (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js:4200:17)
    at forEach (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js:117:20)
    at nodeLinkFn (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js:4185:11)
    at compositeLinkFn (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js:3834:14) angular.js:5563
$get angular.js:5563
$get angular.js:4661
$get.Scope.$apply angular.js:7890
SNAKE_CASE_REGEXP angular.js:930
invoke angular.js:2788
bootstrap angular.js:928
angularInit angular.js:904
(anonymous function) angular.js:14397
trigger angular.js:1695
event.preventDefault angular.js:1930
forEach angular.js:110
eventHandler

在这个小提琴中转载

我究竟做错了什么?我包括了 jQuery。这不应该工作吗?

4

1 回答 1

60

这是因为 jquery 需要在angular之前被引用。JSFiddle 首先注册了 Angular 1.0.2,然后是您添加为资源的 jquery 版本。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>

这样 Angular 就知道它可以使用 JQuery 而不是 JQLite。一旦你这样做,选择器将在angular.element()

这是您的小提琴,已更新为以正确的顺序引用脚本(并略有更改,请参阅评论)

如果您没有 JQuery,您可以手动选择 DOM 元素。

var div = document.querySelector('div');
$scope.elem = angular.element(div);
于 2012-11-20T20:25:14.707 回答