1. ホーム
  2. javascript

[解決済み] ドキュメントレディ時にAngularJSのコントローラで関数を実行するには?

2022-02-24 14:15:36

質問

この関数をドキュメントレディに実行させたいのですが、angularはdomが作成されるときに実行されることに気づきました。

 function myController($scope)
 {
     $scope.init = function()
     {
        // I'd like to run this on document ready
     }

     $scope.init(); // doesn't work, loads my init before the page has completely loaded
 }

どなたか、どうすればいいかご存じですか?

解決方法は?

を使用することができます。 angular.element(document).ready() メソッドを使用して、ドキュメントの準備ができたときのためのコールバックをアタッチします。 このように、コントローラ内でコールバックをアタッチするだけです。

angular.module('MyApp', [])

.controller('MyCtrl', [function() {
    angular.element(document).ready(function () {
        document.getElementById('msg').innerHTML = 'Hello';
    });
}]);

http://jsfiddle.net/jgentes/stwyvq38/1/