javascript – AngularJS在接收数据后手动引导

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – AngularJS在接收数据后手动引导，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1032字，纯文字阅读大概需要2分钟。

内容图文

我试图从服务器接收数据后手动引导AngularJS.

bootstrap.js：

var initInjector = angular.injector(['ng']);
var $http = initInjector.get('$http');
var maindata;

function bootstrapAngular() {
    angular.element(document).ready(function() {
        angular.bootstrap(document, ['app']);
    });
}

function getMainData() {
    return maindata;
}

$http
    .get('/data')
    .then(function (response) {
        maindata = response.data;
        bootstrapAngular();
    }, function (error) {
        console.log(error);
    });

我需要在引导后在应用程序中使用maindata或getMaindata().因此,我不能让javascript更接近(function(){})();在bootstrap.js文件中保持一切私密,使功能&应用程序的其他部分可以访问变量.

是否可以将所有内容设为私有但仍然可以访问应用程序的其他部分？

解决方法:

您可以将maindata公开为注射剂,以使其在您的应用中可用：

$http
    .get('/data')
    .then(function (response) {
        maindata = response.data;

        angular.module("app").value("MainData", maindata);

        bootstrapAngular();
    }, function (error) {
        console.log(error);
    });

然后你可以将它注入控制器或服务中：

.controller("MainCtrl", function($scope, MainData){
   $scope.data = MainData;
});

内容总结

以上是互联网集市为您收集整理的javascript – AngularJS在接收数据后手动引导全部内容，希望文章能够帮你解决javascript – AngularJS在接收数据后手动引导所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端