Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Docs/examples for implementing using Reactive Forms model #977

Open
obxpete opened this issue Oct 21, 2020 · 0 comments
Open

Docs/examples for implementing using Reactive Forms model #977

obxpete opened this issue Oct 21, 2020 · 0 comments

Comments

@obxpete
Copy link

obxpete commented Oct 21, 2020

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 ]

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant