How to pass a controller variable to the service?

Question

I have a question, as I pass to a service a controller variable?

I have a screen that has a table, when the user clicks on a row of this table, it goes to another screen with the data filled in inputs. I did a search on the internet, and I saw some people suggesting to record this variable in a service, so I could call in another controller, but I could not make it work:

User click on selected line:

when clicking, the screen changes, and the data (Active type and maturity) selected should appear in the following inputs:

Follow the code of what I was trying to do:

Table page (test table):

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);})();

Page that should receive the data:

Template: I just created a button with the function of appearing this variable in the 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)
})();