0

Amigos, ajudem-me a fazer um script no qual eu possa acrescentar palavras a um input, conforme seja clicado um botão. As palavras devem ficar lado a lado e separadas por virgular:

palavra1, palavra2, palavra3

Isso me dar um input, conforme adiciono, com o valor preenchido, mas não quero gerar vários inputs e sim somente um com palavras, como no exemplo acima:

<input type="text"  ng-model="palavra">

<div ng-click="addpalavra(palavra);">+</div>

<div ng-show="palavra">                                                             

<span ng-repeat="palavra in project.palavras track by $index" ng-show="$index>0 || $parent.$index>0">{{ palavra }} 

<input type="hidden" name="palavra[]" value ="{{palavra}}" ng-model="palavra" >

<script>
  $scope.palavra = function(palavra) {
      project.palavras.push(palavra);
        };
</script>

ESTE É UM EXEMPLO, DO CÓDIGO ACIMA: http://jsfiddle.net/aohegdnr/

9
  • Ofereço reputação para a sua próximo pergunta.
    – Lollipop
    Commented 24/03/2015 às 12:06
  • Não coloque o atributo ng-repeat no span. Dessa forma não existirá um span para cada elemento na lista de palavras.
    – mutlei
    Commented 24/03/2015 às 12:14
  • até aí tudo bem, mas como adiciono ao input essa sequencia de valores?
    – Lollipop
    Commented 24/03/2015 às 12:15
  • Você quer um input para todas as palavras? Ou um input para uma palavra de cada vez?
    – mutlei
    Commented 24/03/2015 às 12:16
  • 1
    isso aqui soluciona o problema? jsfiddle.net/tn224w2d
    – mutlei
    Commented 24/03/2015 às 12:36

1 Resposta 1

1

Não sei se entendi direito o que você deseja. Seria apenas exibir as tags, separadas por ', ', dentro de um input?

Ficaria assim:

<input class="form-control" value="{{ project.tags.join(', ') }}">

Exemplo.

1
  • Sempre sendo mestre em Angular, iuristona!
    – Lollipop
    Commented 24/03/2015 às 12:50

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 .