How can I display default text as a placeholder in a drop-down menu without including it as an option?
HTML
<div class="form-group">
Upload new file to:
<select class="form-control" ng-model="selectedDocumentType" ng-click="setDocumentType(selectedDocumentType)">
<option ng-repeat="x in documentType" value="{{x.documentId}}">{{x.name}}</option>
</select>
</div>
The Controller:
$scope.documentType = [
{ name: "1003 Loan Application", documentId: "Form 1003"},
{ name: "Co Borrower 1003", documentId: "Application 2" },
{ name: "Credit Report", documentId: "Fico Score" },
{ name: "Drivers License", documentId: "DL0" },
{ name: "Executed Broker Package", documentId: "Executed Broker Package" },
{ name: "Insurance Binder", documentId: "Insurance Binder" },
{ name: "LOE-Handwritten", documentId: "Handwritten Letter" },
{ name: "Payoff Demand", documentId: "Payoff Demand" },
{ name: "Primary Profile", documentId: "Primary Profile" },
{ name: "Prelim", documentId: "Prelim" },
{ name: "Purchase Contract", documentId: "Purchase Contract" },
{ name: "Reserves", documentId: "Reserves" },
{ name: "Social Security Card", documentId: "SSC0" },
{ name: "Subject Profile", documentId: "Subject Profile"},
{ name: "Tax Certificate", documentId: "Tax Certificate" }
];