1

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

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

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

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

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

4

1 回答 1

2

您可以为组件使用[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 演示，展示了这一点。

于 2016-10-19T08:04:36.750 回答