Как создать раскрывающийся список, используя angular внутри CS HTML?

Question

Как мне создать выпадающий список выбора, используя angular внутри CS HTML? Я попробовал два варианта ниже, но ни один не работает. Вариант № 1

        <div class="col-sm-2">
            <div class="form-group">
                <label for="customers">Customer</label>
                <input id="{{customer.CustomerProfileId}}" ng-model="filter.customers" type="text" class="form-control selected" />
            </div>
        </div>

Вариант № 2

    <div class="col-sm-2">
        <div class="form-group">
            <label for="customers">Customer2</label>
            <select id="{{customer.CustomerProfileId}}" ng-model="filter.customers" ng-options="for customer in filter.customers" type="text" class="form-control">{{customer.CustomerName}}</select>
        </div>
    </div>

Редакция № 2: Благодаря вашей помощи эта версия, безусловно, намного ближе. Большая часть всего этого работает, за исключением того, что я не собираю CustomerProfileId в событии customerChange. Как я могу определить выбранный идентификатор клиента?

            <div class="col-sm-2">
                <div class="form-group">
                    <label for="customers">Customer</label>
                    <select class="form-control" ng-model="parameters.AvaliableCustomers" ng-change="customerChange(c.CustomerProfileId)" ng-options="c.CustomerName for c in parameters.AvaliableCustomers track by c.CustomerProfileId">
                        <option value="">-- Select --</option>
                    </select>
                </div>
            </div>

JS Код:

    $scope.customerChange = function (customerId) {
        var temp = customerId;
    }

Answer 1

Опция 1:

  @Html.DropDownListFor(model => model.Gender, new List<SelectListItem>(), new { @class = "form-control", @ng_model = "gender", @ng_options = "item as item.name for item in genders track by item.value" })

Опция 2:

<select name="Gender" ng-options="item as item.name for item in genders track by item.value" ng-model="gender"></select>

*. js

$scope.genders =
[
    { value: "M", name: "Male" },
    { value: "F", name: "Female" }
];

Answer 2

Попробуйте вот так

<select formControlName="countryControl" [(ngModel)]="filter.customers">
   <option [value]="customer.CustomerProfileId" *ngFor="let customer of filter.customers">             {{customer.CustomerName}}</option>
 </select>