window.onload 在 AngularJS 中不起作用 [英] window.onload does not work in AngularJS

问题描述

此代码在一个简单的 HTML 文件中有效:

但是，如果我将其放入 AngularJS Web 应用程序的 index.html 文件中，则不会.有谁知道为什么不?

解决方案

使用 ng-init 调用你的函数

var app = angular.module('app',[]);app.controller('myController', function($scope){$scope.load = 函数 () {alert("检测到加载事件！");}});

<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>

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屋！