AngularJS:公共服务提供者值没有进入不同的控制器

时间:2015-01-16 06:55:09

标签: javascript html angularjs angular-services angularjs-factory

我已经使用ng-view功能在angularjs中创建了一个应用程序,应用程序工作正常,但有一个问题是我有一个在视图控制器之间共享的commonService,我在一个控制器中设置commonService中的值但无法在另一个控制器中获取初始化值。我已经在一个掠夺者中复制了这个问题

在plunker中单击设置详细信息超链接,该超链接将初始化commonService中的值,然后单击查看详细信息超链接,这将在另一个浏览器选项卡中打开视图,但是commonService值显示为空。每个视图控制器都在单独的模块中定义

Plunker

<!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>

0 个答案:

没有答案