在window.onload不AngularJS工作 [英] window.onload does not work in AngularJS

问题描述

在一个简单的HTML文件，该code工作：

 ＆LT;脚本＆GT;
  功能负荷（）{
    警报（load事件检测到！）;
  }
  在window.onload =负荷;
＆LT; / SCRIPT＆GT;
 

不过，如果我把它放到一个AngularJS的Web应用程序的index.html文件，它没有。有谁知道为什么不呢？

解决方案

与调用你的函数NG-INIT

\r

\r

VAR应用= angular.module（'应用'，[]）;\r
app.controller（'myController的'，函数（$范围）{\r
    $ scope.load =功能（）{\r
        警报（load事件检测到！）;\r
    }\r
}）;

\r

＆LT;脚本SRC =htt​​ps://ajax.googleapis.com/ajax /libs/angularjs/1.2.23/angular.min.js\"></script>\r
＆LT; D​​IV NG-应用='应用'＆GT;\r
  ＆LT; D​​IV NG控制器='myController的'NG-的init ='负载（）'＆GT;＆LT; / DIV＆GT;\r
＆LT; / DIV＆GT;

\r

\r

\r

This code in a simple HTML file works:

<script>
  function load() {
    alert("load event detected!");
  }
  window.onload = load;
</script>

However, if I put it into the index.html file of an AngularJS web app, it does not. Does anybody know why not?

解决方案

Call your function with ng-init

var app = angular.module('app',[]);
app.controller('myController', function($scope){
    $scope.load = function () {
        alert("load event detected!");
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app='app'>
  <div ng-controller='myController' ng-init='load()'></div>
</div>

这篇关于在window.onload不AngularJS工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！