Question

我想将kendo-dropdownlist绑定到特定的类。基本上我需要根据表单的某些状态（例如错误，必需等）来更改控件的外观。模型中的逻辑确定将哪些类应用于控件。

如果模型是“错误状态”，则添加CSS以在其周围放置一个框，如果需要，将边框更改为其他状态以及其他业务规则。

如何以编程方式将CSS类绑定到kendo-dropdownlist？我试过了

[ngClass]="class_list_in_model"
-- and --
class="class_list_in_model"

对于我的文本框输入控件，我使用的是[ngClass] =“someproperty_in_model”，并且有效。

Answer 1

您可以对[ngClass]组件使用<kendo-dropdownlist>绑定：

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

@Component({
  selector: 'my-app',
  template: `
    <kendo-dropdownlist [ngClass]="ddl_state" [data]="listItems">
    </kendo-dropdownlist>
  `,
  styles: [".error-state { box-shadow: 0 0 3px 3px red; }"]
})
export class AppComponent {
    public ddl_state: string = "error-state";
    public listItems: Array<string> = ["Item 1", "Item 2", "Item 3"];
}

以下是显示此内容的plunkr demo。

以编程方式将CSS类绑定到kendo-dropdownlist？

1 个答案: