在Angularjs中完成页面加载后调用函数

时间:2014-04-05 11:18:26

标签: javascript html5 angularjs

我是Angularjs的新手,我正在使用以下代码在页面加载后执行一个函数。我用HTML编写了这个脚本。

<script type="text/javascript">
        $(document).ready(function(){
                showProvision(device.data.provision.endpoint_brand,device.data.provision.endpoint_model);
        });
</script>

我也使用了下面的代码,但遗憾的是什么也没得到。

<script type="text/javascript">
        setTimeout(function() {
                showProvision(device.data.provision.endpoint_brand,device.data.provision.endpoint_model);
            }, 5000);

</script>

页面加载后,函数的参数将来自控制器。获取参数后,我想执行此功能。如果还有其他选择或选择,请告诉我。

1 个答案:

答案 0 :(得分:2)

为了给后人这个答案,只要你希望Angular利用外部的东西,你必须在AngularJS在当前文档中引导自己之后调用该函数。

然后,您可以在控制器内部调用它,或者使用它创建服务,以便它可以在您的应用程序中重复使用。

如果有一个应该在应用程序之后加载的资源,您可以在页面中加载脚本,也可以延迟加载它。

对于Angular模块,您需要使用与此类似的东西。

https://github.com/ocombe/ocLazyLoad

对于外部库,最好使用$ scriptJS作为实际的加载库,它也为你做AMD,这真的很好。 https://github.com/ded/script.js