一旦我们在angularjs中从一个页面导航到另一个页面,如何保留$ scope值

时间:2014-09-10 17:57:33

标签: javascript angularjs

我的文件中有两个控制器。每当我从一个页面导航到另一个页面时,所有范围值都是空的。以下是我如何声明我的控制器:

var app = angular.module('name',[]);

app.controller('Ctrl1',function($scope){});

app.controller('Ctrl2',function($scope){});

上面的代码在一个html中运行正常,但是当我导航到另一个html时,我无法访问控制器中的$ scope值。

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:1)

更改页面批发会强制Angular应用程序完全重新加载,这就是您失去范围的原因。显然,这不太理想。真正需要发生的是:

  1. 您的基页加载(index.html),您的应用程序仍在此页面上。它不包含任何内容。
  2. 您的应用调用默认路由并在主ng视图中加载该html部分页面。此路由应包含应在该视图上运行的控制器引用。
  3. 当您需要在屏幕上加载新信息时,您可以通过路线将另一部分加载到ng视图中,以及相关的控制器。
  4. 有很多例子可供选择,以示如何做到这一点。想起“Moo年”的东西。选择一个并继续使用它。