在没有数据模板的情况下使用剑道UI Multiselect-Angular 2+；

我正在使用剑道UI和Angular 5。我想使用Kendo的Multiselect组件让用户能够插入自定义文本值。默认情况下，如果没有下拉数据，该组件将列出下拉选项或显示“未找到数据”消息

在我的例子中，他们没有下拉数据。无需显示无数据模板。有人能告诉我禁用/隐藏无数据模板的可能性吗

<kendo-multiselect
 formControlName="emails"
 [value]="selectedEmails"
 [allowCustom]="true"
 (valueChange)="onEmailsChange($event)" >                            
</kendo-multiselect>

提前感谢。

如果您不想看到“未找到数据”消息，可以使用

kendoMultiSelectNodeDataTemplate

并将其保留为空

<kendo-multiselect [data]="listItems">
   <ng-template kendoMultiSelectNoDataTemplate>
   </ng-template>
</kendo-multiselect>

---

若有人在寻找类似的功能，我已经得到了Telerik团队的回应。无数据模板可以使用CSS隐藏，CSS将viewenclosuration设置为none

import { Component, ViewEncapsulation } from '@angular/core';

@Component({
   selector: 'my-app',
   template: `
      <div class="example-config">
      Current value: {{value | json}}
      </div>
      <div class="example-wrapper">
      <p>Favorite sport:</p>
      <kendo-multiselect 
         [allowCustom]="true"
         [(ngModel)]="value" >
      </kendo-multiselect>
      </div>`,
   styles:[`
     .k-nodata, .k-nodata .ng-star-inserted {  display: none   }
   `],
   encapsulation: ViewEncapsulation.None
})
export class AppComponent {
    public value;
}

从'@angular/core'导入{Component，ViewEncapsulation}；
@组成部分({
选择器：“我的应用程序”，
模板：`
当前值：{value | json}
喜爱的运动：

`,
风格：[`
.k-nodata、.k-nodata.ng星形插入{显示：无}
`],
封装：视图封装。无
})
导出类AppComponent{
公共价值；
}

您还可以向弹出窗口中添加自定义类，并使用CSS将其隐藏。下面是一个示例，它在

电子邮件

为空时附加类

.k-custom-popup--hidden

HTML

<kendo-multiselect
 formControlName="emails"
 [value]="selectedEmails"
 [allowCustom]="true"
 (valueChange)="onEmailsChange($event)"
 [data]="listItems"
 [popupSettings]="{popupClass: !emails.length ? 'k-custom-popup--hidden' : ''}">                            
</kendo-multiselect>

---

我试过了。但是你注意到KundoMulistEntEndoDATA板空时的空白下拉框吗？我的目标只是显示在下拉列表中添加的自定义值。

.k-custom-popup--hidden {
 display: none;
}