javascript - 需要将带有变量的 $scope 以 Angular 方式传递到另一个页面？

Question

我有这条路线:

$routeProvider
            .when('/', {
                templateUrl: 'views/main.html',
                controller: 'MainCtrl',
                controllerAs: 'main'
            })
            .when('/next', {
              templateUrl: 'views/next.html',
              controller: 'MainCtrl',
              controllerAs: 'main'
            })
            .otherwise({
                redirectTo: '/'
            });

当我在主页时。我单击下一步按钮并看到“views/next.html”。但我没有以前的 $scope。我怎样才能得到这个范围？

Answer 1

新路由呈现新模板并将新范围绑定(bind)到模板。因此，您实际上不能仅对两条路线使用相同的范围。但是，至少有两种解决方法。

1). $rootScope。 $rootScope 在所有 View 中都可用，因此您可以在其中存储一些数据并能够在任何模板中访问它。

2). 服务。在两个 Controller 中使用共享服务。这可能是大多数情况下的最佳解决方案。