Gbuomprisco / ngx-chips

Tag Input component for Angular

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Docs/examples for implementing using Reactive Forms model

obxpete opened this issue · comments

PLEASE MAKE SURE THAT:

  • you searched similar issues online (9/10 issues in this repo are solved by googling, so please...do it)
  • you provide an online demo I can see without having to replicate your environment
  • you help me by debugging your issue, and if you can't, do go on filling out this form

I'm submitting a ... (check one with "x")

[ ] bug report => search github for a similar issue or PR before submitting
[x] support request/question

I have searched extensively for instructions for implementing chips using model-driven components to no avail.  Am I missing something?  The top line of your readme indicates that we may "use ngModel OR use FormGroup/formControlName (required)" leading me to think this is feasible.  See below for pseudo code.  Thanks in advance.

Notice: feature requests will be ignored, submit a PR if you'd like

Current behavior

I just want to convert this

<tag-input [ngModel]="users | selectedFilter "
	[identifyBy]="'id'"
	[theme]="'minimal'"
	(onRemove)="onUserRemoving($event)"
	[displayBy]="'name'"
	[modelAsStrings]="true"  
	formControlName="toMailTags">
</tag-input>

Expected behavior

Something like this:

<input formControlName="toMailList" [value]="users  | selectedFilter  " >

Where the parameters are managed by the objects rather than tag parameters.

Minimal reproduction of the problem with instructions (if applicable)

What do you use to build your app?. Please specify the version

angular-cli

Angular version:

10

ngx-chips version:

"ngx-bootstrap": "^6.1.0",

Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]