Tenho uma dúvida, como eu passo para um service uma variável do controller?

Tenho uma tela que tem uma tabela, quando o usuário clicar em uma linha dessa tabela, ele vai para outra tela com os dados preenchidos em inputs. Dei uma pesquisada na internet, e vi algumas pessoas sugerindo para gravar essa variável em um service, para poder chamar em outro controller, porém não consegui fazer funcionar:

Usuário clica na linha selecionada:

[![inserir a descrição da imagem aqui][1]][1]


ao clicar, a tela muda, e os dados (Tipo ativo e vencimento) selecionados devem aparecer nos seguintes inputs:

[![inserir a descrição da imagem aqui][2]][2] 


  [1]: https://i.sstatic.net/LxG5s.jpg
  [2]: https://i.sstatic.net/NLiVA.jpg

Segue código do que eu estava tentando fazer:

**Página da tabela (tabela de teste):**

template:

    <table class="table table-hover table-bordered">
                        <thead>
                            <tr>
                                <th>

                                </th>
                                <th>
                                    Tipo Ativo
                                </th>
                                <th>
                                    Emissor
                                </th>
                                <th>
                                    Código
                                </th>
                                <th>
                                    Emissão
                                </th>
                                <th>
                                    Vencimento
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-click="$ctrl.teste()">
                                <td>
                                    1
                                </td>
                                <td id="teste">
                                    TB - Monthly
                                </td>
                                <td>
                                    Default
                                </td>
                                <td>
                                    Default
                                </td>
                                <td>
                                    01/04/2012
                                </td>
                                <td>
                                    01/04/2012
                                </td>
                            </tr>
                    </table>

Controller: 

    (function() {
    'use strict';

    class PesquisaAtivosController {
      constructor($state, $scope, testeService){
        this.$state = $state;
        this.testeService = testeService;
      }

      teste(){
        var ItemSelecionado = document.getElementById('teste');
        console.log(teste);
        var _this = this;
        _this.$state.go("home.boletoEstoque2");
      }
    }

    PesquisaAtivosController.$$ngIsClass = true;
    PesquisaAtivosController.$inject = ['$state','testeService'];
      
    angular.module('app')
      .controller('PesquisaAtivosController', PesquisaAtivosController);})();


**Página que deverá receber os dados:**

Template: apenas criei um botão com a função de aparecer essa variável no console

controller:

    (function () {
    'use strict';

    class BoletoEstoqueController {
    constructor($state, $scope, testeService) {
      this.$state = $state;
      this.$scope = $scope;
      this.testeService = testeService;
    }

    teste(){
      testeService.getItem();
      console.log(ItemSelecionado );
    }

    }

    BoletoEstoqueController.$$ngIsClass = true;
    BoletoEstoqueController.$inject = ['$state', 'testeService'];

    angular.module('app')
      .controller('BoletoEstoqueController', BoletoEstoqueController);
    })();

**Service:**

    (function () {
    'use strict';

    function testeService($http, $q) {

        var ItemSelecionado = document.getElementById('teste');

        return {
            getItem: function () {
                return ItemSelecionado;
            },
            setItem: function(value) {
                ItemSelecionado = value;
            }
        };

    }

    testeService.$inject = ['$http', '$q'];

    angular.module('app')
        .service('testeService', testeService)
    })();