如何使用$ window从模板脚本访问AngularJS范围变量

时间:2017-06-06 14:04:13

标签: javascript html angularjs

通过学习这个答案how to access global js variables in angularjs directive,我能够使用$window服务成功访问AngularJs控制器中的javascript变量。

这是一个代码笔,用于演示我的意思:https://codepen.io/anon/pen/lznxe

我希望实现相反的目的,即在我的模板javascript中访问$window.variable

我试过这样做。但是,警告框仅显示输出:

  

未定义

模板Javascript:

<script>
   alert(window.globalVar);
</script>

AngularJS控制器:

 app.controller("myCtrl", function($scope,$http,$interval,$window){
     $window.globalVar="test";
 )};

这是一个代码笔,用于演示我所描述的问题:https://codepen.io/anon/pen/NgqNBa

我怎样才能实现我想要的目标?主要目标是访问要在模板Javascript 中使用的$scope变量。提前谢谢。

1 个答案:

答案 0 :(得分:1)

看起来<script>标签中的脚本过早执行。使用setTimeout 1000它似乎有效。尝试在onLoad标记上添加<body>,以便在定义变量后执行脚本。