Question

我想知道如何在多个模块中共享$ rootScope。这就是我要找的东西。我在mainApp模块的run（）中进行了配置服务调用。一旦返回结果，我想将其存储在根变量中，以便它可以在多个模块中使用。

HTML：

<html>
<head ng-app="mainApp">
    <meta charset="utf-8">
    <title>My App</title>
    <link href="./css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div id="tabpage_1"></div>
</body>

使用Javascript：

var mainApp = angular.module("mainApp", []).run(function($rootScope){
$rootScope.model = {data:"root scope data"};
var domesticTab = document.getElementById("tabpage_1");
angular.bootstrap(domesticTab, ['domestic']);
});
var domestic = angular.module("domestic", []);
domestic.controller("domesticPromoList", ['$scope', '$rootScope', '$filter', function ($scope, $rootScope, $filter){
console.log("Get value from root scope: "+ $rootScope.model.data);}]); // Error here $rootscope undefined

修改我现在纠正了div的错误ID。

Answer 1

抱歉没有50点声望在这里添加评论
但tabpage_1在哪里？如果您希望mainApp和domestic模块共享一个rootcope，那么它们应该相互依赖。你的片段中没有任何线索可以看到这一点。如果你的意思是在指令/控制器之间共享数据，那么角度服务就是你想要的。

在不同模块之间共享$ rootScope

1 个答案: