Angular 2: How to bind select field in model-driven forms?

Question

I couldn't find example of binding model-driven one-way data bound form value to the select field. Can you help me to find it?

Below is example of my non-working code with my try(Jade syntax).

select([formControl]='registerForm.controls["type"]')
  option(value='value1') Value 1
  option(value='value2') Value 2

angular.io/docs/ts/latest/cookbook/form-validation.html you have to read in order to understand forms in Angular2. — micronyks
– micronyks, Commented Sep 7, 2016 at 15:55
Great. But here are two-way data binding. Now i'm looking for one-way data binding form. — vadjs
– vadjs, Commented Sep 7, 2016 at 15:59
one way binding is to show the data, like text, but select is an input element, why do you want one way binding for select? — Qianyue
– Qianyue, Commented Sep 7, 2016 at 16:04
Because i don't need to reflect changes caused in form data in the template. Also i have only 2 fixed values in my select field that i really don't need to use as data. — vadjs
– vadjs, Commented Sep 7, 2016 at 16:08

vadjs · Accepted Answer · 2016-09-08 08:56:53Z

3

It was easier than i thought.

select([formControl]='registerForm.controls["type"]')
  option([value]='"value1"') Value 1
  option([value]='"value2"') Value 2

answered Sep 8, 2016 at 8:56

vadjs

3753 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1