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

前端之家收集整理的这篇文章主要介绍了angularjs – 如何将我的数据从角度js中的ul菜单内容传递到另一个页面前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个带子菜单的导航菜单.我的菜单有我的产品组名称,它从 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',$http) {
      $http.get("selectSource.PHP")
    .then(function (response) {$scope.result2 = response.data.records;});
    });
    var ProductApp = angular.module('ProductApp',[]);
    ProductApp.controller('ProductController',$http) {
      $http.get("selectProduct.PHP")
    .then(function (response) {$scope.names = response.data.records;});
    });

  </script>

解决方法

您可以使用$sessionStorage

例如:

$sessionStorage.projectId = Product.ProductGroupId;

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

希望这可以帮助.

猜你在找的Angularjs相关文章