Я разрабатываю веб-приложение с использованием Angular 6. Я использую библиотеку bootstrap-select (от Silvio Mureto) для создания пользовательского компонента (он представляет собой поле со списком).К сожалению, даже если выбран первый вариант поля со списком, если компонент вставлен в форму с помощью соответствующей кнопки отправки, объект form.value
не связан ни с одним экземпляром!Это код шаблона, который использует пользовательский компонент:
<form #form="ngForm" (ngSubmit) = onSubmit(form.value)>
<custom-component
name='value'
[options]="proveUrl2"
ngModel
>
</custom-component>
<input type="submit" value="Submit"/>
</form>
Объект ProveUrl2 это:
this.proveUrl2 = [
{label: 'Value 1', value: '1'},
{label: 'Value 2', value: '2'},
{label: 'Value 3', value: '3'},
{label: 'Value 4', value: '4'}
];
Код пользовательского компонента довольно сложный, я только говорю, что я добавилэто для двусторонней привязки:
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => CustomComponent),
multi: true
}]
Это проблема: если у меня есть выбор без title
, по умолчанию выбран первый вариант:
но если я нажму кнопку отправки, на консоли появится следующее сообщение:
Как будто первая опция не была обнаружена!Если я выберу другую опцию, все будет отлично работать, даже если я выберу value1
.