k-options Kendo for Angular
k-options with Kendo for Angular
在带有 Angular 的 Kendo 的旧版本中,我能够使用 k-options
属性,以便尽可能多地在代码中配置我的控件
<input kendo-date-picker k-options="monthPickerConfig">
使用 Kendo UI for Angular
时是否可能出现类似情况?我在示例或文档中没有看到任何内容,但必须相信存在类似的东西?
在超出小范围的任何应用程序中,执行此操作似乎要容易得多
<kendo-slider [someProperty]="sliderConfig" />
不如这样做
<kendo-slider
[fixedTickWidth]="10"
[min]="min"
[max]="max"
[smallStep]="smallStep"
[(ngModel)] = "valueHorizontal">
</kendo-slider>
简单的答案是否。
这是因为 kendoUI 使用单独的变量来处理您在其代码中看到的配置。无法使用 kendo-slider.
配置对象
但是如果你不想维护多个变量,你可以创建一个配置对象并像下面那样绑定它们,
<kendo-slider
#slider
[min]="config.min"
[max]="config.max"
[showButtons]="config.showButtons"
[smallStep]="config.smallStep"
[vertical] = "config.vertical"
[formControlName]="id"
(valueChange)="valueChange($event)">
</kendo-slider>
在带有 Angular 的 Kendo 的旧版本中,我能够使用 k-options
属性,以便尽可能多地在代码中配置我的控件
<input kendo-date-picker k-options="monthPickerConfig">
使用 Kendo UI for Angular
时是否可能出现类似情况?我在示例或文档中没有看到任何内容,但必须相信存在类似的东西?
在超出小范围的任何应用程序中,执行此操作似乎要容易得多
<kendo-slider [someProperty]="sliderConfig" />
不如这样做
<kendo-slider
[fixedTickWidth]="10"
[min]="min"
[max]="max"
[smallStep]="smallStep"
[(ngModel)] = "valueHorizontal">
</kendo-slider>
简单的答案是否。
这是因为 kendoUI 使用单独的变量来处理您在其代码中看到的配置。无法使用 kendo-slider.
但是如果你不想维护多个变量,你可以创建一个配置对象并像下面那样绑定它们,
<kendo-slider
#slider
[min]="config.min"
[max]="config.max"
[showButtons]="config.showButtons"
[smallStep]="config.smallStep"
[vertical] = "config.vertical"
[formControlName]="id"
(valueChange)="valueChange($event)">
</kendo-slider>