javascript – 在AngularJS表达式中调用全局变量

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在AngularJS表达式中调用全局变量，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1329字，纯文字阅读大概需要2分钟。

内容图文

我在head的标签中有一些全局变量：

<script type="text/javascript">
    var apiRoot = 'http://localhost:8000/api',
        apiUrl = apiRoot,
        apiBadgeUrl = apiRoot + '/badges',
        apiLevelUrl = apiRoot + '/levels',
        apiBehaviorUrl = apiRoot + '/behaviors',
        apiTrophyUrl = apiRoot + '/trophies',
        apiUserUrl = apiRoot + '/users',
        apiWidgetPreferencesUrl = apiRoot + '/widgetPreferences';
</script>

我想在html文件中使用角度表达式,但我的尝试失败：

{{ $window.apiRoot }} or {{ apiRoot }} 

解决方法:

这些表达式是针对当前范围进行评估的.如果您尚未通过控制器在示波器中设置它们,则无法进行评估.见http://docs.angularjs.org/guide/expression

例：

function MyCtrl($scope)
{
   $scope.apiRoot = apiRoot;
}

HTML：

<div ng-controller="MyCtrl">
   {{apiRoot}}
</div>

如上所述,虽然上述示例有效,但不建议使用.更好的方法是在服务中设置这些变量,然后通过服务获取它们.

function MyCtrl($scope, apiRootService)
{
   $scope.apiRoot = apiRootService.getApiRoot();
}

服务：

angular.module('myServices', []).factory('apiRootService', function() {
    var apiRoot = 'http://localhost:8000/api',
    apiUrl = apiRoot,
    apiBadgeUrl = apiRoot + '/badges',
    apiLevelUrl = apiRoot + '/levels',
    apiBehaviorUrl = apiRoot + '/behaviors',
    apiTrophyUrl = apiRoot + '/trophies',
    apiUserUrl = apiRoot + '/users',
    apiWidgetPreferencesUrl = apiRoot + '/widgetPreferences';
    return {
      getApiRoot: function() {
         return apiRoot
      },
      //all the other getters
   });

内容总结

以上是互联网集市为您收集整理的javascript – 在AngularJS表达式中调用全局变量全部内容，希望文章能够帮你解决javascript – 在AngularJS表达式中调用全局变量所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端