2

preciso pegar o id da conta que é exibido no html abaixo. E preciso pegar esse id para levar pro meu backend e trazer o dado e editar, mas não estou conseguindo.

Segue meus códigos:

<div class="col-md-6 tabelaEntradas" ng-controller="EditarContaCtrl">
        <table width="400">
            <tr>
                <th>Subcategoria</th>
                <th>Conta</th>
                <th>Editar</th>
            </tr>
            <tr ng-repeat="contaE in contasEntrada">
                <td>{{contaE.subcategoria}}</td>
                <td>{{contaE.conta}}</td>
                <td><a href="#/editarConta/{{contaE.idconta}}">editar</a></td>
            </tr>
        </table>
    </div>

meu controller:

app.controller("EditarContaCtrl", function ($scope, $http, $window, $routeParams) {

var idempresa = $window.localStorage.getItem('idemp');
var empresa = $window.localStorage.getItem('empresa');
var usuario = $window.localStorage.getItem('usuario');
var idusuario = $window.localStorage.getItem('idusuario');

$scope.empresa = empresa;
$scope.usuario = usuario;

var pegarContaEntrada = function(contaE){
    console.log(contaE);
}

pegarContaEntrada();

});

2 Respostas 2

0

Faz um botão que chame uma função onClick. E dentro dessa função envias os dados actualizados. Exemplo:

<button ng-click="enviaConta(contaE.conta)">
Envia conta
</button>

E depois no teu controlador defines uma função com o nome enviaConta.

var enviaConta= function(conta){
   $http.post('/myServerUrl', conta, options).then(successCallback, errorCallback);
};
4
0

para fazer o que você está querendo: "Clicar no link redirecionar para outra url e pegar o parâmetro passado na url" você vai precisar de injetar o ui-router ou ng-router na sua aplicação, o exemplo a baixo foi montado utilizando o ui-router.

Não esquecer de pegar o valor do parâmetro dentro do controller utilizando o $stateParams conforme eu adicionei no controller

//O Exemplo que eu passei utiliza o ui-router, geralmente nos projetos angular é usado o ui-router ou ng-router mas a principio os fundamentos são os mesmos

(function () {
    //Adicionando o modulo ui-router na sua aplicação Angular
    'use strict';
    angular.module('app', [
        'ui.router'

    ]);

})();


(function () {
    'use strict';
    angular.module('app')

        .config(configRouter);
    /** @ngInject */
    function configRouter($stateProvider, $urlRouterProvider) {

        $stateProvider

            .state('home', {
                url: "/",
                templateUrl: 'home/home.html',
                controller: 'HomeController',
                controllerAs: 'home',
            })

            /*Na url você coloca os parametros de acordo com a documentação.
             Nesse caso eu forcei o parametro aceitar somente inteiro,
             caso o parametro seja opicional utilizar "?" ex: url: "/editarConta?id",
             */
            .state('editarConta', {
                url: "/editarConta/{id:int}",
                templateUrl: 'editarConta/editarConta.html',
                controller: 'EditarContaCtrl',
                controllerAs: 'conta',
            });


        $urlRouterProvider.otherwise('/');
        $urlRouterProvider.when('', '/home');

    }

})();


(function () {
    'use strict';

    angular
        .module('app')
        .controller('EditarContaCtrl', EditarContaCtrl);

    /** @ngInject */
    function EditarContaCtrl($stateParams) {
    //Os valores dos parametros ficam no $stateParams
    console.log($stateParams.id);

    }
})();
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>


<div class="col-md-6 tabelaEntradas" ng-controller="EditarContaCtrl">
        <table width="400">
            <tr>
                <th>Subcategoria</th>
                <th>Conta</th>
                <th>Editar</th>
            </tr>
            <tr ng-repeat="contaE in contasEntrada">
                <td>{{contaE.subcategoria}}</td>
                <td>{{contaE.conta}}</td>
                <td><a ui-sref="editarConta({id: contaE.id})">editar</a></td>
            </tr>
        </table>
    </div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .