NoDataTemplateDirective
Renders content when no data is available. To define the no-data template, nest a <ng-template>
tag
with the kendo<ComponentName>NoDataTemplate
directive inside the component tag.
Using NoDataTemplate with the AutoComplete
Using NoDataTemplate with the ComboBox
Using NoDataTemplate with the MultiColumnComboBox
Using NoDataTemplate with the DropDownList
Using NoDataTemplate with the DropDownTree
Using NoDataTemplate with the MultiSelect
@Component({
selector: 'my-app',
template: `
<kendo-combobox [data]="listItems">
<ng-template kendoComboBoxNoDataTemplate>
<h4>No data!</h4>
</ng-template>
</kendo-combobox>
`
})
class AppComponent {
public listItems: Array<string> = [];
}
Selector
[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]