Angularjs：element.bind（ 'click'）イベントは機能しますが、element.bind（ 'load'）イベントは機能しません。

Question

私はangularjsを初めて使用しています。

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> 

マイ要件

私は、それがロードされてしまった後に要素 'P' は機能をバインドする必要があります。ここで私のコードの警告メッセージが表示されないので、 'p'要素は 'load'にバインドされていません。しかし、私がapp.jsのコードをからelement.bind（ "load"、function（e）{ to 'element.bind（ "click"、function（e）{'、 'p '要素は、クリックイベントをバインドを得たので、私はをクリックしたときに 『P』の警告メッセージが表示された要素、私は私のようになりますどのように。 『ロード『イベントP』への要素のバインド』を

Answer 1

link: function(scope, element, attrs) { 

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

https://docs.angularjs.org/api/ng/service/ $＃をコンパイルします。 - リンク -

テンプレートがクローン化された後にそれが実行される。

したがって、すでにロードされている要素にロードイベントをバインドしています。

link機能が必要です。