javascript - Vill komma åt input-elementet inuti ng-select i Angular 6 för att få dess värde

Jag arbetar på ett projekt där jag vill skapa en anpassad funktion i ng-select, så att när jag skriver text i ng-select läggs den till i bundenheten och läggs till som multiselect.

http://embed.plnkr.co/GLuyC0jpIdiEXB6R4FIa/preview

Detta är den exakta implementeringen som behövs i Angular 6

Jag använder Angular v6.0

Finns det någon annan metod för den implementeringen i Angular 5, som visas i det nämnda plunker??

Förlåt, om det fanns något misstag i frågan. Eftersom jag är ny på Angular.

Tack i förväg.

Svar #1

Jag tror att du kan uppnå denna funktionalitet genom att använda addTag i ng-select,

här är implementeringen: https://ng-select.github.io/ng-select#/tags

Svar #2

Den enda lösningen jag hittade var tillgång till ng-select-barn.

min html:

<ng-select [items]="places"
           bindLabel="name"
           [(ngModel)]="selected" dropdownPosition="bottom" #ngselect>
    <ng-template ng-option-tmp let-item="item" let-index="index">
        <b>{{item}}</b>
    </ng-template>
</ng-select>

ngselect - NgSelectComponent

this.myselect.element - ta HTMLElement, och i barnen letar vi efter vår <input>

@ViewChild('myngselect') myselect;

myMethod() {
     const input = this.myselect.element.children[0].children[0].children[1].children[0];
}