ngSelect | AngularJS module that transforms any HTML element | Frontend Framework library

I found the solution finally, it's not in relation to the [multiple] attribute but the way to initialize my FormGroup, this is how I initiated it:

I found the solution for this, the item$ template variable was released in v2.3.0 of ng-select.

The problem seems to come from that line : {{item.name | uppercase}} Wich means your $item is undefined. Check your variables are declared with the good name and that you understood well how to use let-item

I am using the following code snippet to solve this issue:

HTML:

I used the blur event once paste event successfully completed:

I don't why my answer marked as deleted. I spent lots of time make this demo and you are deleting post with any comment.

After doing lots of R&D and reading different tutorials. Now, I am able to select multiple items using copy&paste.

For live example please check following link Angular MultiSelect

Thanks for all your suggestions.

you can path template into your component and render it with ng-container, but you need use ContentChild to handle template reference. for several templates use # naming to match them with ContentChild references. you can try as follow example

use TemplateRef to reference outer template

Use the templates for options, and in those template you can add a tooltip.

In below example, I have used HTML attribute title to show tooltip, if you are using library like ng-bootstrap, then, you can use tooltip capability from that library.

There's a far easier way to achieve what you want. If you check the documentation (found here: https://github.com/ng-select/ng-select#api), you'll find you can pass isOpen to ng-select. Changes to the value of isOpen passed to the right ng-select would open and close it automatically.

Example: