0

estou tentando limpar o campo de texto, após o submit, mas não estou conseguindo. Seguem os meu códigos

html: Aqui no html, mudei de ng-model="msg" para mensagem.msg Enviar

angular:

$scope.mensagem = {
    msg:""
  };
$scope.enviarMsg = function (mensagem) {
    var enviaMsg = {
        msg: mensagem,
        idUsuario: $window.localStorage.getItem('idUsuario'),
        idCep: $window.localStorage.getItem('idCep'),
        nome: $window.localStorage.getItem('nome')
    }

    $http.post("http://www.vigilantescomunitarios.com/www/php/enviaMsgLogra.php", enviaMsg).success(function (data){

        pegaMsgsLogra();
        $scope.mensagem = {
             msg:""
            };
    });
}

Recebo essa mensagem no console:

TypeError: $scope.msgForm.$setPristine is not a function

6
  • Se você tirar isso: delete msgForm e isso $scope.msgForm = [] não funciona? 10/02/2016 às 19:30
  • Não, continua o mesmo aviso e não acontece nada. 10/02/2016 às 19:34
  • jsfiddle.net/AhGDC/243 10/02/2016 às 19:48
  • Apareceu isso no console TypeError: Cannot read property '$setPristine' of undefined 10/02/2016 às 19:57
  • Consegui. Vou postar aqui a solução 10/02/2016 às 21:26

2 Respostas 2

1

Tente desta forma:

$scope.form = {}; //Definido logo no inicio do controller

$scope.form.msgForm.$setPristine(); //Definido no local onde deve ser feito a limpeza

E em seu html:

<form name="form.msgForm">

Normalmente isso acontece pois muitas vezes sua view é alternada ou o formulário é inicializado após o controller. Deste modo ele mantém referência ao formulário.


Para apagar o campo do input, você deve usar a mesma referência do ng-model e NÃO do nome do formulário. No seu caso, deve ser assim:

delete $scope.msg;

Assim você pode remover todas as definições $scope.msgForm = []; do seu controller.

8
  • Nada, o texto continua no campo. 10/02/2016 às 19:37
  • E o console, o que mostra? 10/02/2016 às 19:38
  • Nada também. Pelo menos isso kkkkkk 10/02/2016 às 19:39
  • @GustavoSevero Editei minha resposta, dê uma olhada 10/02/2016 às 19:45
  • Nada ainda... Ta bem complicado. 10/02/2016 às 20:02
0
delete $scope.msg;

$scope.msgForm.$setPristine();

Tenta isso

3
  • $scope.mensagem não possui nenhuma definição e mensagem é apenas um obj js. Deste modo, nada vai acontecer. 10/02/2016 às 19:47
  • verdade, vi errado o form dele. No caso eu colocaria no ng-model, ng-model="mensagem.msg". Ae creio que funcione, mas como no caso só tem um input talvez não seja necessario 10/02/2016 às 19:48
  • Na verdade era a referência dele que estava errada. Ele estava tentando apagar o formulário ao invés do campo. Veja minha resposta. =D 10/02/2016 às 19:52

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 .