Я хотел бы установить <select>
по умолчанию <option>
с помощью HTML и заполнить остальную часть <select>
двумя способами привязки к моей модели.
HTML:
<select class="form-control" required
[(ngModel)]="model.product"
ngControl="product">
<option value="">Select a product</option>
<option *ngFor="#product of products" [value]="product">{{product}}</option>
</select>
Модель:
products: string[] = [
'Foo',
'Bar'
];
Что происходит сейчас, мой выбор является привязкой к модели, которая:
model: Entry = new Entry();
Итак, в свойстве product
нет значения по умолчанию, поэтому <select>
ничего не связывает. Я имею в виду, что это работает так, как ожидалось.
Я пытаюсь выяснить, как получить значение по умолчанию для отображения в <select>
, хотя, и я бы хотел сделать это без жесткого кодирования значения пользовательского интерфейса в моей модели и по умолчанию, что в новом экземпляре моей модели. Имеет ли Angular 2 способ справиться с этим?
Edit:
Результат HTML должен выглядеть так:
<select>
<option value>Select a product</option>
<option value="foo">Foo</option>
<option value="bar">Bar</option>
</select>