Угловой вопрос ng-select
Используя Angular 6, я сталкиваюсь с проблемой при использовании Angular с Observable и с nb-input. Проблема: данные не отображаются в случае наблюдаемых, но в то время как данные массива корректно отображаются без каких-либо проблем`
<div class="d-flex">
<input type="text" nbInput fullWidth [fieldSize]="'small'" placeholder="Search"
(input)="ngSelect.filter($event.target.value)"/>
<span nbInput
class="d-flex">
<tc-icon class="my-auto" [name]="'search'"></tc-icon>
</span>
</div>
</ng-template>
</ng-select>`
export class FormlySelect extends Field {
@ViewChild('ngSelect', { read: ViewContainerRef }) ngSelect: ViewContainerRef;
get items() {
if (!(this.to.options instanceof Observable)) {
return of(this.to.options);
}
return this.to.options;
}
}
{
className: 'col-12 col-sm-4',
key: 'reason',
type: 'ng-select',
templateOptions: {
label: 'Reason',
options: [
{
'id': 1,
'name': 'Dummy Dummy Dummy',
'unit': {
'id': 1,
'name': '215',
'buliding': '1'
},
'requesterType': 'Resident'
},
{
'id': 2,
'name': 'Felipe Perkins',
'unit': {
'id': 2,
'name': '216',
'buliding': '1'
},
'requesterType': 'Applicant'
},],
bindValue: 'id',
bindLabel: 'name',
},
},