javascript – 使用angular在视图中打印全局变量

内容导读

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

内容图文

我有一个带有全局变量的应用程序(实际的全局变量,而不是$rootScope).我需要使用{{}}表达式将其打印到视图中.如何将当前控制器的$scope变量与thisglobal变量相关联,以便始终在屏幕上显示此全局变量的最新值.

编辑：代码：

app.controller('placesCtrl', ['$scope','$rootScope',function($scope, $rootScope){
    $scope.place = place;
}]);

var autocomplete,map,place = {};
place.name = "asdf";
function initAutocomplete() {
    ...

    //Initialize google maps autocomplete
    //Add event listener

    autocomplete.addListener('place_changed', function() {

    //update place            
        place = autocomplete.getPlace();
        console.log(place);

        if (!place.geometry) {
            window.alert("No such city found!");
            return;
        }

      });
}

解决方法:

如果myGlobal是一个对象,那么对它的简单引用就足够了：

$rootScope.myGlobal = myGlobal;

现在,如果它是一个原始值,如字符串或数字(或者如果你更改了对象的引用),你可以在它上面使用一个闭包：

$rootScope.getMyGlobal = function() { return myGlobal; }

然后在你的HTML写中：

<div>{{getMyGlobal()}}</div>

内容总结

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

内容备注

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

内容手机端