Angularjs:element.bind('点击')事件有效,但是element.bind(' load')事件无效

时间:2016-08-21 18:50:37

标签: javascript jquery html angularjs

我是angularjs的新手,我试图在div加载后执行某些功能。

app.js

var app = angular.module('myApp',[]);

app.directive('orientable', function () {       
    return {
        link: function(scope, element, attrs) {   

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

的index.html

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

我的要求

我需要元素&#39; p&#39;应该在加载后绑定一个函数。在我的代码提醒消息中没有显示,所以&#39; p&#39;元素未绑定到“加载”。但是,如果我将app.js中的代码从&#39; element.bind(&#34;加载&#34;,功能(e){&#39; 更改为&# 39; element.bind(&#34;点击&#34;,功能(e){&#39; ,&#39; p&#39;元素与点击事件绑定,因此当我点击系统会显示&#39; p&#39;元素警告消息。如何将我的&#39; p&#39;元素绑定到&#39; loading&#39;事件。

1 个答案:

答案 0 :(得分:0)

link: function(scope, element, attrs) {   

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

https://docs.angularjs.org/api/ng/service/ $编译#-Link -

  

在克隆模板后执行。

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

您想要的onLoad功能 IS link功能。