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

时间:2016-06-05 07:47:00

标签: angularjs

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

我想在变量中保存“产品组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>

我的角色应用

<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>

1 个答案:

答案 0 :(得分:0)

您可以使用 $ sessionStorage

例如:

$sessionStorage.projectId = Product.ProductGroupId;

每个页面都有一个控制器关联。您可以在相应的控制器中注入$ sessionStorage,并可以检索保存的值。

希望这有帮助。