Placeholder not show on first load

Describe the bug I use ng-select with template-driven form like: <ng-select class="env-custom-select" [items]="documentTypeList" bindLabel="description" ngModel name="documentType" placeholder="Doküman Tipi Seçiniz" [searchable]="false" clearAllText="Temizle"> </ng-select> everything is alright but when i first come to page the select show remove icon now placeholder. When i click remove icon then the placeholder appear. I think it select an empty value or something else.

Expected behavior When first come to page it should show placeholder if any value does not selected.

Screenshots

1. When go to the page
2. Then click remove icon

Desktop (please complete the following information):

• OS: windows10
• BrowserChrome

[CanerDemir]

I got it. When using template-driven-form like ngModel name="documentType" that, the field default value is “”(empty string). And ng-select suppose that field is has a value and don’t show placeholder. I convert my code to reactive form and set initial value to null , the issue solved.

[luis-abeno]

Thanks @CanerDemir, it worked 😃