Giters

Gbuomprisco / ngx-chips

Tag Input component for Angular

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

formGroup usage on tag-input produces this._onTouchedCallback is not a function

lemoncodes91 opened this issue · comments

commented

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

Current behavior
1.) Added [formGroup] to tag-intput

          <tag-input [onlyFromAutocomplete]="true"
                    [identifyBy]="'value'"
                    [displayBy]="'key'"
                    theme='bootstrap'
                    [formGroup]="filters" >
              <tag-input-dropdown [autocompleteObservable]="filterListObservable"
                                  zIndex="10000"
                                  [identifyBy]="'value'"
                                  [displayBy]="'key'"
                                  [keepOpen]="false"
                                  [showDropdownIfEmpty]="true"
                                  [appendToBody]="false">
              </tag-input-dropdown>
          </tag-input>
  1. Error occurs on console
core.js:6185 ERROR TypeError: this._onTouchedCallback is not a function
    at TagInputComponent.onTouched (ngx-chips.js:359)
    at TagInputComponent.blur (ngx-chips.js:2008)
    at TagInputComponent_Template_tag_input_form_onBlur_3_listener (ngx-chips.js:2385)
    at executeListenerWithErrorHandling (core.js:21693)
    at wrapListenerIn_markDirtyAndPreventDefault (core.js:21735)
    at SafeSubscriber.schedulerFn [as _next] (core.js:36932)
    at SafeSubscriber.__tryOrUnsub (Subscriber.js:183)
    at SafeSubscriber.next (Subscriber.js:122)
    at Subscriber._next (Subscriber.js:72)
    at Subscriber.next (Subscriber.js:49)

Expected behavior
1.) No error should occur on console

Minimal reproduction of the problem with instructions (if applicable)
1.) add a [formGroup] to tag-input

What do you use to build your app?. Please specify the version
Angular CLI: 9.0.7
Node: 12.16.1

Angular version:
Angular 9.0.5

ngx-chips version:
ngx-chips 2.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 ]
Firefox 77.0.1
Note: Also using MS Edge (chrome based) - Version 83.0.478.61 for your FYI

commented

Using formcontrolname instead. seems that formgroup won't work