Angular 2 如何禁用 kendo-dropdownlist答案

【问题标题】：Angular 2 how disable kendo-dropdownlistAngular 2 如何禁用 kendo-dropdownlist
【发布时间】：2017-05-06 07:26:51
【问题描述】：

我正在尝试禁用 kendo-dropdownlist（名为 ddlChargeType）。

用户不能直接选择值。但应该可以通过编程方式选择它（另一个下拉菜单的有效选择，ddlUoM 以触发相应 ddlChargeType 选项的选择 - 这很好用）。

所以，我的问题是：如何将我的 kendo-dropdownlist ddlChargeType 标记为只读、禁用或 ng-disabled？

我在官方文档中找不到这个：

http://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/

谢谢！

【问题讨论】：

标签： angular kendo-dropdown

【解决方案1】：

使用常量值：

<kendo-dropdownlist [data]="listItems" disabled="'true'"></kendo-dropdownlist>

带有组件值：

@Component({
  selector: 'my-app',
  template: `
    <kendo-dropdownlist [data]="listItems" [disabled]="disabled"></kendo-dropdownlist>`
})
class AppComponent {
    public listItems: Array<string> = ["1", "2", "3"];
    public disabled: true;
}

参考： http://www.telerik.com/kendo-angular-ui/components/dropdowns/api/DropDownListComponent/#toc-delay

【讨论】：

【解决方案2】：

如果 [disabled]="disabled" 不起作用，您可以使用 [attr.disabled]="disabled?true:null" 代替 [disabled] ="已禁用"

@Component({
  selector: 'my-app',
  template: `
    <kendo-dropdownlist [data]="listItems" [attr.disabled]="disabled?true:null"></kendo-dropdownlist>`
})
class AppComponent {
    public listItems: Array<string> = ["1", "2", "3"];
    public disabled: true;
}

【讨论】：

【解决方案3】：

用 Angular 2/3/4/5/6/7 试试这个 [disabled]="true"

  <kendo-dropdownlist id="ddlSegment" name="ddlSegment" class="arcm-form-control" [data]="filterList?.SegmentList"  [disabled]="true"
    [textField]="'Segment_Desc'" 
      [valueField]="'ARCM_Segment_ID'"  (selectionChange)="segmentSelectionChange($event)" [(ngModel)]="selectedSegment"  >
    </kendo-dropdownlist>

【讨论】：