我已经使用ng-view功能在angularjs中创建了一个应用程序,应用程序工作正常,但有一个问题是我有一个在视图控制器之间共享的commonService,我在一个控制器中设置commonService中的值但无法在另一个控制器中获取初始化值。我已经在一个掠夺者中复制了这个问题
在plunker中单击设置详细信息超链接,该超链接将初始化commonService中的值,然后单击查看详细信息超链接,这将在另一个浏览器选项卡中打开视图,但是commonService值显示为空。每个视图控制器都在单独的模块中定义
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Agent Portal</title>
</head>
<body ng-app="AgentApp">
<div class="container" ng-controller="firstTemplateController">
<div class="masthead">
<h3 class="text-muted">Project name</h3>
<ul class="nav nav-justified">
<li ><a href="#/firstTemplate">First Template</a></li>
<li ><a href="#/thirdTemplate">Set Details</a></li>
<li ><a href="javascript:void(0);" ng-click="openInNewTab()">View Details</a></li>
</ul>
</div>
<div ng-view></div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-route.js"></script>
<script src="app.js"></script>
</body>
</html>