angularjs - 如何将我的数据从 Angular js 中的 ul 菜单内容传递到另一个页面

Question

我有一个带有子菜单的导航菜单。我的菜单有我的产品组名称，它从我的 SQL 数据库中选择的 JSON 代码中获取数据。

我想将“产品组 ID”保存在一个变量中，以将其发送到另一个页面，该页面从产品表中选择 ProductGroup.productGroupId == Product.ProductGroupId .

我想在子菜单中显示我的产品名称。这是我的 HTML 代码:

<ul class="sub-menu">
    <div ng-app="firstApp" ng-controller="FirstController">
        <li ng-repeat="x in result">
            <a class="haschild" title="" href="">{{ x.GroupName }}</a>
            <ul>
                <div ng-controller="ProductController">
                    <li ng-repeat="x in names">
                        <a title="" href="">{{ x.name }}</a>
                    </li>
                </div>
            </ul>
        </li>
    </div>
</ul>

我的 Angular 应用程序

<script>
    var rootApp = angular.module('rootApp', ['firstApp', 'secondApp', 'ProductApp']);
    var firstApp = angular.module('firstApp', []);
    firstApp.controller('FirstController', function($scope, $http) {
      $http.get("select2.php")
    .then(function (response) {$scope.result = response.data.records;});
    });

    var secondApp = angular.module('secondApp', []);
    secondApp.controller('SecondController', function($scope, $http) {
      $http.get("selectSource.php")
    .then(function (response) {$scope.result2 = response.data.records;});
    });
    var ProductApp = angular.module('ProductApp', []);
    ProductApp.controller('ProductController', function($scope, $http) {
      $http.get("selectProduct.php")
    .then(function (response) {$scope.names = response.data.records;});
    });

  </script>

Answer 1

您可以使用 $sessionStorage

例如:

$sessionStorage.projectId = Product.ProductGroupId;

每个页面都会关联一个 Controller 。您可以在相应的 Controller 中注入(inject) $sessionStorage 并检索保存的值。

希望这可以帮助。