Javascript Angularjs:element.bind（'；click'；）事件工作，但element.bind（'；load'；）事件不工作

我是angularjs的新手，我试图在加载一个div后执行一些函数

app.js index.html

Hiii

我的要求 我需要元素“p”在加载后与函数绑定。这里我的代码中没有显示警报消息，因此“p”元素没有绑定到“load”。但是如果我将app.js中的代码从'element.bind（“load”，function（e）{'更改为'element.bind（“click”，function（e）{'），则“p”元素与click事件绑定，因此当我单击“p”元素时，会出现警告消息。我将如何使我的“p”元素绑定到“load”事件

link: function(scope, element, attrs) {   

    element.bind("load" , function(e){ 
                    alert('hiii1');
          }
        });
}

$compile#-link-

它在克隆模板后执行

因此，您将加载事件绑定到已加载的元素

---

所需的

onLoad

函数是

link

函数。

为什么不直接执行link函数中所需的内容？为什么需要

元素。bind（'load'））

？此示例仅用于测试。我有另一个示例，其中需要递归调用自定义指令，在该指令中加载更动态的div。如何处理动态加载的div的“我需要”元素。bind（'load'））我需要在添加动态div时调用一些函数。我想要的是“onload”功能。如何在angularjs中使用该功能？我使用的代码与您发布的代码相同。但不是working@SumanthUdupa这是您的代码。我在回答中重复了它，这样可以清楚地看到，当元素已加载…所需的加载事件是链接函数。

<div ng-app="myApp" ng-controller="myCtrl">
    <p orientable>
        Hiii
     </p>
</div>

link: function(scope, element, attrs) {   

    element.bind("load" , function(e){ 
                    alert('hiii1');
          }
        });
}