3

Como é feita a validação do select utilizando o ng-required="true"? Para input estou colocando assim:

<form name="tarefasForm">
    <input type="text" ng-model="tarefa.solicitante" ng-required="true" name="solicitante-tarefa">
</form

<button ng-click="adicionaTarefa()" type="button"
     ng-disabled="tarefasForm.$invalid">Salvar
</button>

Como fica na hora de um select?

<div class="form-group">
   <label class="" for="orderBy">Tipo</label>
 <select ng-options="tipoTarefa as tipoTarefa.tipo for tipoTarefa in listaTipoTarefa track by tipoTarefa.codigo" ng-model="tarefa.codTipo" class="form-control cb"></select>
</div>
2
  • Se não me engano, você só precisa adicionar um option ao select com o value vazio - value="". <option value="">Selecione uma opção</option> Commented 28/07/2017 às 19:37
  • O que você precisa saber, especificamente?
    – Jéf Bueno
    Commented 28/07/2017 às 19:37

1 Resposta 1

4

Fica exatamente da mesma forma.

Veja um exemplo:

angular.module('app', []);
angular.module('app').controller('mainController', function($scope) {
  $scope.listaTipoTarefa = [
    { codigo: 1, tipo: 'Tipo 1' },
    { codigo: 2, tipo: 'Tipo 2' },
    { codigo: 3, tipo: 'Tipo 3' }
  ];
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app" ng-controller="mainController">
  <form name="tarefasForm">
    <input type="text" ng-model="tarefa.solicitante" ng-required="true" name="solicitante-tarefa">
    <div class="form-group">
      <label class="" for="orderBy">Tipo</label>
      <select ng-required="true"
        ng-options="tipoTarefa as tipoTarefa.tipo for tipoTarefa in listaTipoTarefa track by tipoTarefa.codigo" 
        ng-model="tarefa.codTipo" class="form-control cb"></select>
    </div>
  </form>

  <button ng-click="adicionaTarefa()" type="button"
          ng-disabled="tarefasForm.$invalid">Salvar
  </button>
</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 .