在AngularJS中的视图之间共享值

Question

我有3个选项，每个选项代表一组权限。我在我的视图中使用了groupName permissionsConfig，但是当我编辑一个组时，我丢失了该组的名称，我需要该名称来向我的其余api发出请求。

organizationsController.js

app.controller('OrganizationsPermissionsSettingsController',['$rootScope', '$scope', '$modal', 'HelperService', 'AuthService', '$state', '$http', function ($rootScope, $scope, $modal, HelperService, AuthService, $state, $http) {
        var controllerScope = $scope;                              
        controllerScope.organizationGroups = [];

        $http.get('/api/organization_permissions_groups').success(function (data) {
            controllerScope.organizationGroups = data;
        });

        controllerScope.openOrganizationPermissionsSettings = function (organizationId) {
            $state.go('app.organizationPermissionsSettings');
        };

        var groupId = "";

        document.addEventListener("DOMContentLoaded", function(event) { 
            if(document.getElementById("permissionGroupName").innerHTML!=null){
                groupName=document.getElementById("permissionGroupName").innerHTML;
                console.log("groupName ",groupName);
                $http.get('/api/organization_permissions_groups/getId'+groupName).success(function (data) {
                    if(data != undefined && data != null){
                        groupId=data;
                        console.log("controllerScope.id ",groupId);
                    }
                });
            }
        });

        $scope.navigateToGraphs = function() {
            $state.go('app.organizationGraphs', { groupId: groupId });
            // then get parameter groupId
            $state.params.groupId;          
        }

        $scope.navigateToViews = function() {
            $state.go('app.organizationViews', { groupId: groupId });
            // then get parameter groupId
            $state.params.groupId;
        }   
    }]);

app.controller('OrganizationGraphsController',['$rootScope', '$scope', 'HelperService', '$http', '$stateParams', function ($rootScope, $scope, HelperService, $http, $stateParams) {

            var controllerScope = $scope;

            controllerScope.graphData = {};

            $http.get('/api/organization_permissions_groups/graphs/'+$stateParams.groupId).success(function (data) {

                controllerScope.graphData = data.graphs;
            });

            controllerScope.saveOptions = function () {
                $http.put('/api/organization_permissions_groups/graphs/'+$stateParams.groupId, controllerScope.graphData).then(function (response) { 

                    }, function () { });
                HelperService.editItem(id, controllerScope.graphData, null, 'Graphs', '/api/organization_permissions_groups/graphs/');                            
            }

            $scope.cancel = function () {
                $modalInstance.dismiss();
            };
        }
    ]);

organizationPermissionsConfigView.html

这里我有<td id="permissionGroupName">{{organizationGroup.group_name}}</td>来审核我的权限组名称。

我目前有3个小组，并且使用群组名称我发出了一个休息api请求以获取ID并且使用该ID我可以对权限组进行更新了解吗？