如何使用AngularJS将选择框的数据从一个页面传递到另一个页面？

Question

我想要做的是当我从第1页的选择框中选择一个选项时，该选项的值将显示在第2页。

以下是我到目前为止尝试过的一些代码：

App.js：

app.controller('mainController', function ($scope) {
    $scope.sizes = [
        { size: "35" },
        { size: "36" },
        { size: "37" },
        { size: "38" },
        { size: "38" },
    ];
});

在第1页：

<select ng-model="selectedSize">
    <option ng-repeat="Size in sizes" value="{{Size.size}} "> {{Size.size}}
    </option>
</select>

在第2页：

<p>{{selectedSize}}</p>

注意：page1和page2具有相同的控制器。

我真的需要一些帮助。非常感谢！

Answer 1

如果您想将数据从一个页面传递到另一个页面，您可以使用

• 查询字符串
• SessionStorage，LocalStorage
• Cookies

Answer 2

如果第1页和第2页属于同一控制器

• 尝试将值存储在范围变量中。

如果不在同一个控制器中

• 将其存储在$ rootScope变量中并访问。

• 如果您想在第2页网址中显示该值。尝试在状态URL中存储id并使用Stateparams访问它。

• 其他存储在localStorage变量中并清除它（如果您不想进一步）。