将数据从一个路由视图传递到另一个

Question

我想使用 ui-Router 在 Angularjs 中将一些值从一个视图传递到另一个视图。
我不想使用 $rootScope 来保存数据或创建新服务（因为我有很多视图传递少量数据，因此为几行代码创建新的 jsfile 并不有趣）。我想做的一个超级缩小的例子是：

视图 1 的控制器
$scope.goodFood = 10 $scope.badFood = 2

View 2 的控制器
$scope.results = 10 - 2 (from view 1's scope)

有没有什么快速的方法来做这些小操作？

Answer 1

我不想使用 $rootScope 来保存数据或创建新服务（因为我有很多视图会传递少量数据，因此为几行代码创建新的 jsfile 并不好玩）

无需为新数据位创建新服务。只需使用对象创建价值服务：

app.value("viewData", {});

然后只需根据需要添加新属性：

app.controller("viewCtrl", function(viewData) {
    viewData.newProp = "new info";
    console.log(viewData.oldProp);
});

由于值服务是单例的，因此对对象内容的更改将在视图更改后继续存在。

Answer 2

既然你已经指定了你想要遵循的方法，你应该创建以下

$stateProvider
    .state('view2', {
        url: "/view2/:param1/:param2",
        templateUrl: 'view2.html',
        controller: function ($stateParams) {
            console.log($state.params.param1+"-"+$state.params.param2);
        }
    });

以及您想拨打的电话

$state.go('view2',{param1:'10', param2:'2'});

但一般来说，建议您将这些值保存在服务中或存储的地方。随着应用程序的增长，您可能不得不使用更多的属性来计算

Answer 3

最简单的方法是通过路由或查询字符串将所有数据直接存储到 $routeParams 中。

routeUrl: /foods/:quality/:stars

然后在你的控制器中你可以访问

$routeParams.quality - $routeParams.stars