core/select/typeahead.component.ts
ControlValueAccessor
Validator
| providers |
{
provide: NG_VALUE_ACCESSOR, multi: true, useExisting: forwardRef(() => TypeaheadComponent)
}
{
provide: NG_VALIDATORS, useExisting: forwardRef(() => TypeaheadComponent), multi: true
}
|
| selector | c8y-typeahead |
| templateUrl | ./typeahead.component.html |
Properties |
Methods |
Inputs |
Outputs |
allowFreeEntries
|
Type :
Default value : |
autoClose
|
Type :
Default value : |
container
|
Type :
Default value : |
disabled
|
Type :
Default value : |
displayProperty
|
Type :
Default value : |
icon
|
Type :
Default value : |
name
|
Type :
Default value : |
placeholder
|
Type : |
required
|
Type :
Default value : |
selected
|
Type :
Default value : |
onIconClick
|
$event Type: EventEmitter
|
onSearch
|
$event Type: EventEmitter
|
| doBlur |
doBlur()
|
|
Returns :
void
|
| getDisplayProperty |
getDisplayProperty()
|
|
Returns :
any
|
| handleKeyboard | ||||
handleKeyboard(event)
|
||||
|
Parameters :
Returns :
void
|
| ngAfterViewInit |
ngAfterViewInit()
|
|
Returns :
void
|
| ngOnDestroy |
ngOnDestroy()
|
|
Returns :
void
|
| onShown |
onShown()
|
|
Returns :
void
|
| registerOnChange | ||||||
registerOnChange(fn: any)
|
||||||
|
Parameters :
Returns :
void
|
| registerOnTouched | ||||||
registerOnTouched(fn: any)
|
||||||
|
Parameters :
Returns :
void
|
| validate | ||||||
validate(ctrl: AbstractControl)
|
||||||
|
Parameters :
Returns :
literal type
|
| writeValue | ||||
writeValue(value)
|
||||
|
Parameters :
Returns :
void
|
| dropdown |
dropdown:
|
Type : BsDropdownDirective
|
Decorators :
@ViewChild('dropdown', {static: undefined})
|
| list |
list:
|
Type : QueryList<ListItemComponent>
|
Decorators :
@ContentChildren(ListItemComponent)
|
| searchControl |
searchControl:
|
Type : ElementRef
|
Decorators :
@ViewChild('searchControl', {static: undefined})
|
<div
class="c8y-child-assets-selector dropdown"
dropdown
[container]="container"
placement="bottom left"
#dropdown="bs-dropdown"
[autoClose]="true"
(onShown)="onShown()"
[isDisabled]="disabled"
>
<div class="input-group input-group-dropdown" dropdownToggle>
<input
#searchControl
type="text"
class="form-control text-truncate p-r-24"
[required]="required"
[ngModel]="selected ? getDisplayProperty() : ''"
[placeholder]="placeholder | translate"
(blur)="doBlur()"
[name]="name"
[disabled]="disabled"
title="{{ placeholder | translate }}"
/>
<span
class="label label-info p-absolute"
style="top: 10px; right: 40px; z-index: 10;"
translate
*ngIf="
selected
? selected.id === null && getDisplayProperty()?.length > 0 && allowFreeEntries
: false
"
>
New
</span>
<span class="input-group-btn">
<button
type="button"
class="btn btn-clean"
[disabled]="disabled"
(click)="onIconClick.emit(icon)"
>
<i [c8yIcon]="icon"></i>
</button>
</span>
</div>
<c8y-list-group class="dropdown-menu dropdown-menu--modal" *dropdownMenu>
<ng-content select="div, c8y-li, c8y-list-item, button, a"></ng-content>
</c8y-list-group>
</div>