New tag added as anonymous object instead of class

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")

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

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

Current behavior

When I add a tag in the mapped array of I have an anonymous object.

puntiDiForza: Array(3)
0: OffertaPuntoDiForza {id: 1, deleted: false, testi: Array(1)}
1: OffertaPuntoDiForza {id: 3, deleted: false, testi: Array(1)}
**2: {id: 2, deleted: false, testi: Array(1), nomeVisualizzazione: "PDF2"}**

Expected behavior

I need the typed object for serialization.

puntiDiForza: Array(3)
0: OffertaPuntoDiForza {id: 1, deleted: false, testi: Array(1)}
1: OffertaPuntoDiForza {id: 3, deleted: false, testi: Array(1)}
**2: OffertaPuntoDiForza {id: 2, deleted: false, testi: Array(1)}**

Minimal reproduction of the problem with instructions (if applicable)

Code:

    <div class="input-group">
        <tag-input [(ngModel)]="model.puntiDiForza" name="punti-di-forza" 
                [onlyFromAutocomplete]="true"
                [displayBy]="'nomeVisualizzazione'"
                [identifyBy]="'id'">
            <tag-input-dropdown [showDropdownIfEmpty]="true"
                                [dynamicUpdate]="false"
                                [focusFirstElement]="true"
                                [displayBy]="'nomeVisualizzazione'"
                                [identifyBy]="'id'"
                                [autocompleteItems]="puntiDiForza">
                <ng-template let-item="item" let-index="index">
                    {{ item.nomeVisualizzazione }}
                </ng-template>
            </tag-input-dropdown> 
        </tag-input>
    </div>

I tried with (onAdding) but with the same result

  public toPuntoDiForzaObj(tag: any): Observable<OffertaPuntoDiForza> {
    let jsonConvert: JsonConvert = new JsonConvert();
    let tagObj = jsonConvert.deserializeObject(tag, OffertaPuntoDiForza); //tagObj is a real typed Object

    return of(tagObj);
  }

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

Standard Angular app

Angular version:

Angular 7.1.0

ngx-chips version:

2.0.0-beta.0

all

Gbuomprisco / ngx-chips

New tag added as anonymous object instead of class #849