Trigger displayValue without using FormControl

[melroy89]

I know you can set a new (default) value via the formControl reactive forms.

By creating a new FormControl:

ours = new FormControl(...);

And set the value via:

this.ours.setValue(3);

But since I don't want to provide any input element for the end-user to set a value, but rather my components knows which is the current value to set as default (retrieved from the database), I have the feeling this FormControl is overkill for me.

Is there another way to trigger displayValue(..) without using FormControl?

Thanks in advance.

Kind regards,
Melroy

[melroy89]

Nevermind, I think this is how Angular just works..

[kylecordes]

Yes, that's correct. This is just the Angular API for setting up a form control value, nothing specific to this search and select widget.

[melroy89]

Exactly. And since you are using ControlValueAccessor, you can just use the 2 way binding on your component/module by using the [(ngModel)] attribute.

Like so:

<search-select
  placeholder="Debit Ledger account"
  width="100%"
  debounceTime="400"
  [dataSource]="ledgerSearchSource"
  [formControl]="debitControl"
  [(ngModel)]="journal.journal_ledger_debit_id"></search-select>

Which is actually not explained (or I miss a demo). Maybe just once again, add an usage 👍 somewhere -->
https://github.com/OasisDigital/angular-material-search-select

Ps. why do you not use the accessor called SelectControlValueAccessor?

[kylecordes]

@Danger89 As you point out it is possible to use both reactive forms and template forms with ngModel, but we don't recommend that here so we definitely don't show it in any example code. (Actually, we rarely used template forms at all.)

The control being bound to is not a search control, so I don't believe a SelectControlValueAccessor would be correct.

[melroy89]

Thanks I will read:
https://blog.angular-university.io/introduction-to-angular-2-forms-template-driven-vs-model-driven/