javascript - 如何使用 $window 从模板脚本访问 AngularJS 作用域变量

标签 javascript html angularjs

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

这里有一支代码笔来演示我的意思:https://codepen.io/anon/pen/lznxe

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

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

Undefined

模板 JavaScript:

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

AngularJS Controller :

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

这里有一支代码笔来演示我所描述的问题:https://codepen.io/anon/pen/NgqNBa

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

最佳答案

它看起来像 <script> 中的脚本标签执行得太早。与 setTimeout1000似乎有效。尝试添加onLoad在您的<body>上标记,因此您的脚本在定义变量后执行。

关于javascript - 如何使用 $window 从模板脚本访问 AngularJS 作用域变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44392206/

相关文章:

javascript - 如何使用 Date.setMonth()?

angularjs - 拒绝执行来自 '*' 的脚本,因为它的 MIME 类型 ('application/json' ) 不可执行,并且启用了严格的 MIME 类型检查

javascript - Bootstrap datepicker altFormat 替代方案?

php - javascript XMLHttpRequest 打开 php 文件并执行更多的 javascript

HTML 输入提交按钮不会改变颜色

javascript - Angular - 关注具有 ngIf 的输入元素

mysql - Angularjs + Nodejs + mysql

javascript - 使用三元运算符如何检查值来自哪个 $stateParams?

javascript - 无法在JS中获取Azure媒体服务访问 token

javascript - 基本 Href 和 Angular 路由和 View