using Microsoft.AspNetCore.Mvc.Rendering;
var statusSelectItems
=
new
List<
SelectListItem>
{
new
SelectListItem{
Text
=
"0-Returned",
Value
=
"0"},
new
SelectListItem{
Text
=
"1-New",
Value
=
"1"},
new
SelectListItem{
Text
=
"4-Planned",
Value
=
"4"},
new
SelectListItem{
Text
=
"5-Assigned",
Value
=
"5"},
new
SelectListItem{
Text
=
"6-Sent",
Value
=
"6"},
new
SelectListItem{
Text
=
"7-Onboard",
Value
=
"7"},
new
SelectListItem{
Text
=
"8-Meter Started",
Value
=
"8"},
new
SelectListItem{
Text
=
"9-Gravity Start",
Value
=
"9"},
new
SelectListItem{
Text
=
"10-Complete",
Value
=
"10"},
new
SelectListItem{
Text
=
"15-Immed. Assigned",
Value
=
"15"},
new
SelectListItem{
Text
=
"90-Route",
Value
=
"90"},
new
SelectListItem{
Text
=
"91-Schedule",
Value
=
"91"},
new
SelectListItem{
Text
=
"99-Cancelled",
Value
=
"99"},
};
<div class="form-group">
<label for="">Order Status: </label>
<select class="form-control customSelect modalInput" [(ngModel)]="this.model.orderStatus" style="width:250px" (change)="onStatusChanged();"
id="status" name="status" #status ="ngModel" required>
<option [ngValue]=""></option>
<option *ngFor="let status of orderStatuss" value="{{status.value}}">
{{status.text}}
</option>
</select>
<div [hidden]="status.valid || status.pristine" class="alert alert-danger">
Order status is required
</div>
</div>