Formulários com bootbox

98 views
Skip to first unread message

Iober Henrique da Cruz

unread,
Sep 4, 2016, 8:06:56 PM9/4/16
to AngularJS BR
Olá pessoal,
Indo direto ao ponto, tenho um botão que chama um formulário utilizando bootbox, porém não consigo enviar ao banco as informações digitadas nele, sempre da undefined o problema é que eu não sei usar o angular com bootbox, pois direto na página principal o input funciona normalmente. Alguém poderia me dar uma luz?

Meu código no app.js

$scope.addCliente = function() {
    bootbox.dialog({
      title: '<h3><b> Cadastrar de Clientes </b></h3>',
      message:
      '<div ng-controller="clienteController">' +
      '     <input type="text" class="form-control input-lg" id="nome" placeholder="Nome Completo" ng-model="cliente.nmCliente">' +
      '     <input type="text" class="form-control input-lg" id="fone" placeholder="Telefone" ng-model="cliente.foneCliente">' +
      ' </div>',

      buttons: {
        ok: {
          label: "Gravar",
          className: "btn-primary",
          callback: function (id_cliente) {
            $http.post('/api/v1/cadastroCliente', $scope.cliente)
            .success(function(dadosCliente) {
              $scope.cliente = {};
              $scope.clienteDados = dadosCliente;
            })
            .error(function(error) {
              console.log('Error: ' + error);
            });
          }
        },
        close: {
          label: "Fechar",
          className: "btn-danger",
          callback: function () {
          }
        }
      }
    }
    ) 
  };

E no backend tenho (que funciona na página mas no bootbox não)

    var dadosCli = {nmCliente: req.body.nmCliente};
    console.log("Nome do cliente" + dadosCli.nmCliente)

Gustavo Cruz

unread,
Sep 5, 2016, 9:09:28 AM9/5/16
to angula...@googlegroups.com
Alguma restrição em utilizar o ui-modal? Não que seu problema não tenha solução, mas sua função que deve ter umas 40 linhas virariam 3 com ui-modal. E o melhor de tudo: já está tudo em angular!

--
Você recebeu essa mensagem porque está inscrito no grupo "AngularJS BR" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para angularjs-br+unsubscribe@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

Message has been deleted

Iober Henrique da Cruz

unread,
Sep 5, 2016, 9:51:47 AM9/5/16
to AngularJS BR
Nenhum problema, resolvi já usando jquery mas não é algo que me agradou. Vou pesquisar sobre esse ui-modal.. valeuu

Gustavo Cruz

unread,
Sep 5, 2016, 9:59:23 AM9/5/16
to angula...@googlegroups.com
Recomendo fortemente. O angular com o ui-bootstrap fica extremamente poderoso. Possibilidades são infinitas.

2016-09-05 10:51 GMT-03:00 Iober Henrique da Cruz <iobe...@gmail.com>:
Nenhum problema, resolvi já usando jquery mas não é algo que me agradou. Vou pesquisar sobre esse ui-modal.. valeuu

--
Reply all
Reply to author
Forward
0 new messages