javascript - 如何获取html对象将其作为AngularJS中的变量传递

Question

抱歉，如果它已经发布了，但我找不到它，也无法将问题写得更清楚。

我正在尝试获取 html 对象的实例并将其用作 angularJs 中的变量，这里有一个示例来说明它

<div id="whatever" class="donotcare" data-ng-init=doSomething(htmlobject)>blabla bla</div>

$scope.doSomething = function(){
    console.log("the div object is there")
}

基本上，我想做的是获取 div 并将其作为变量传递，这样我就可以使用 angularjs 获取它的 id、它的内容...

当你点击时，很简单，只需获取 $event，然后在 javascript 上获取 currentTarget。但我想要的是它在加载时运行。 希望您能理解

Answer 1

您需要使用装饰器指令-

1. 它用于更改/添加现有元素的功能。
2. 作为属性实现，无需模板。
3. Link函数用于修改html元素并注册事件。未使用作用域或 Controller 。
4. 链接函数采用三个参数 - 范围、el(html 元素)、attrs(元素的属性列表)
5. Scope.$apply 应用于启动外部 jquery 和 html5 事件的 Angular 摘要循环。

在您的情况下，您可以创建一个新的装饰器指令，并在链接函数中使用以下代码来获取 body 的句柄 -

link : function(scope, el, attrs){
//you code will go here using $('body')
}