select input avec ng-required

hana005
Javascript

Bonjour,
je cherche à rendre mon select required avec angularJS,voici mon essai:

 <div class="input-group input-group-sm">
  <span>Produit </span> 
  <select ng-model="produitId" ng-init="produitId =''" ng-required="true">
       <option value="">---Choississez un Produit----</option>
       <option ng-repeat="pi in listProduit" value="{{pi.id}}">{{pi.designation}}</option>
</select>
</div>

mais le problème est que rien ne se passe,l'obligation de selection d'une option de cette select input n'a pas été obtenu
comment svp je peux corriger mon code
merci pour l'aide

2 réponses

Twentyfour

Jette un oeil dans la console pour t'assurer qu'il n'y a pas de problème. Si c'est le cas Angular ne fonctionnera pas.

Maenhyr

C'est normal. ng-required prend le nom d'une variable du scope en paramètre. Donc la il cherche la valeur de $scope.true. Vu que cette variable n'existe pas, $scope.true = undefined or undefined est comme équivalent à false. Donc tu lui dis que ce select n'est pas en required.

Si tu souhaites que ce select soit required suivant un autre champ, tu dois utiliser ng-required="nom_du_champ", sinon utilise tout simplement required="true.