2016-07-26 4 views
0

Ich habe den folgenden Code:Angular wählen Standardoption mit ng-required

<select id="document" ng-model="document.Id" ng-options="option.Id as option.Name for option in documents" ng-required="IsDocumentRequired"> 
    <option value="">Please Select Document</option> 
</select> 

Das Problem ist, dass ich diesen Standardwert nicht wollen („Bitte wählen Sie Dokument“), die ng-required zu befriedigen Flag, wenn es auf wahr gesetzt ist.

Zusammenfassend möchte ich, dass der Benutzer gezwungen wird, eine andere als die Standardoption auszuwählen.

Dank

+1

Ist das jetzt nicht mehr funktioniert? Der 'value =" "' '

+0

@bboyk Sehen Sie die Plunker-Demo –

+0

Verwenden Sie einfach 'required'. Es gibt keine Voraussetzungen, 'ng-required' hier zu verwenden. – developer033

Antwort

2

Wenn Ihr Wert ist "" es nicht ng-required für ausgewählte nicht erfüllt, erforderlich Feldvalidierung des wählen nur passiert, wenn wählen Sie die Option nicht gleich leer ist, wird es auf diese Weise entworfen

die Plunker Demo ansehen , https://plnkr.co/edit/tfeXhHY3h98ItX322JVS?p=preview

0

Sie das nicht

<option value="">Please Select Document</option> 

verwenden Es wird also nicht angezeigt und Benutzer sollte einen Artikel aus der Liste auswählen

+0

Danke, aber ich brauche Platzhaltertext in der Auswahlbox – bak

0

Sie können den ausgewählten Wert testen (in Ihrem Fall, ich empfehle Ihnen, "-1" als Wert von "Bitte wählen Sie Dokument").

Wenn der Benutzer keinen anderen Wert auswählt, behandeln Sie ihn als Fehler.

Oder sehen die Antwort in How do I make a placeholder for a 'select' box?

Verwandte Themen