New to Kendo UI for Angular? Start a free 30-day trial

NoDataTemplateDirective

Directive

Defines a template for displaying custom content when there are no messages in the Chat.

To define an empty Chat template, nest an <ng-template> tag with the kendoChatNoDataTemplate directive inside the <kendo-chat> component. For more information, refer to the article on message templates.

Definition

Package:@progress/kendo-angular-conversational-ui

Selector:[kendoChatNoDataTemplate]

Syntax:

html

<kendo-chat>
  <ng-template kendoChatNoDataTemplate>
    <div>No messages.</div>
  </ng-template>
</kendo-chat>