Question

我有一个SPA，index.html的主体如下所示：

 <body>
   <div id="wrapper">
      <div data-ng-include src="'partials/header.html'"></div>
      <div data-ng-view=""></div>
     <div data-ng-include src="'partials/footer.html'"></div>
   </div>
   <script src="js/jquery.js"></script>
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
   <script src="js/jquery.dataTables.js"></script>
 </body>

标题部分有许多链接映射到控制器，ng-view用相应的部分文件填充。现在我必须在header.html文件中显示登录的用户名，但我无法访问header.html文件中的范围数据。我在所有控制器中填充用户名并将其放在范围内。

请告诉我如何访问header.html中的范围数据，以便显示用户名。

控制器内的代码片段：

controllers.BagsCtrl= function($scope,  $location, $route){
console.log('Inside the leather bags controller..');
    $scope.username = 'Pradeep';
}

此致普拉迪普

Answer 1

您可以创建一个包装所有应用程序的控制器（例如<div id="wrapper">）并在$scope上声明用户名或将您的用户名放在$rootScope上并直接使用在你的模板中。

第一种方式似乎更清洁。

访问AngularJs中ng-view之外的范围数据

1 个答案: