5

Alguém sabe como posso apagar o valor do placeholder ao clicar no campo utilizando apenas AngularJS?

Exemplo: Ao clicar, some automaticamente a palavra nome.

<input type="text" ng-model="inputText" placeholder="Nome" />

2 Respostas 2

3

Da seguinte forma:

<input type="text" ng-model="inputText" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Nome'" placeholder="Nome" />

1
  • Obrigado Thiago
    – denis
    Commented 6/02/2017 às 15:37
2

Com , só lembrando que o comportamente normal o input oculta o placeholder quando há valor, mas, essa é uma forma de remover placeholder ao receber o focus e quando perde o foco é atribuído novamente o valor Nome no placeholder

var app = angular.module('app', []);
app.controller('ctrl', ['$scope',
  function($scope) {
    $scope.init = function() {
      var ele = angular.element("#input1")[0]
      ele.addEventListener('focus',
          function() {
              ele.setAttribute('placeholder', '');
          });
      ele.addEventListener('blur',
          function() {
              ele.setAttribute('placeholder', 'Nome');
          });
    }
    $scope.init();
  }
]);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app" ng-controller="ctrl">
  <input type="text" id="input1" ng-init="inputText=''" ng-model="inputText" placeholder="Nome" />
</div>

1
  • 1
    Obrigado pela explicação detalhada.
    – denis
    Commented 6/02/2017 às 15:37

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 .