Angular 角度剑道UI在下拉列表中禁用选项

Angular 角度剑道UI在下拉列表中禁用选项,angular,kendo-ui-angular2,Angular,Kendo Ui Angular2,可以在剑道下拉列表中禁用选项吗? 或者从列表中隐藏它们? 在html中,它是: <select> <option value="volv" [disabled]="">Volvo</option> <option value="saa">Saab</option> <option value="vw">V</option> </select> 沃尔沃汽车 萨博 v 我怎样才能在剑道下

可以在剑道下拉列表中禁用选项吗? 或者从列表中隐藏它们? 在html中,它是:

<select>
  <option value="volv" [disabled]="">Volvo</option>
  <option value="saa">Saab</option>
  <option value="vw">V</option>
</select>

沃尔沃汽车
萨博
v
我怎样才能在剑道下拉列表中做到这一点

<div class="example-wrapper">
            <kendo-combobox
                [data]="listItems"
                [textField]="'text'"
                [valueField]="'value'"
                [value]="selectedValue"
                [valuePrimitive]="true">
                <ng-template kendoComboBoxItemTemplate let-dataItem>
                    <span class="template">{{ dataItem.value }}</span> {{ 
                       dataItem.text }}
                </ng-template>
            </kendo-combobox>
</div>

{{dataItem.value}}{
dataItem.text}

谢谢,

我看不出他们的剑道用户界面文档中有关于它的内容。我建议过滤掉你想被“禁用”的元素。你可以用你喜欢的任何方法。我更喜欢lodash:

我看不出他们的剑道UI文档中有关于它的内容。我建议过滤掉你想被“禁用”的元素。你可以用你喜欢的任何方法。我更喜欢洛达斯:

剑道没有解决方案。 可以通过以下方式解决此问题:

    <kendo-combobox (valueChange)="valueChange($event);" [placeholder]="'xxx" [data]="data"  [textField]="'Value'" [valueField]="'Value'" >
  <ng-template kendoComboBoxItemTemplate let-dataItem>
    <button class="template"  [disabled]="!dataItem.Max" >{{dataItem.Value}}</button>
  </ng-template>
 </kendo-combobox>

{{dataItem.Value}
或:

@组件({
选择器:“我的应用程序”,
样式:['.模板{显示:内联块;背景:#333;颜色:#fff;边框半径:50%;宽度:18px;高度:18px;文本对齐:中心;}',
模板:`
{{dataItem.text}
`,
风格:[`
.残疾人{
指针事件:无;
不透明度:0.6;
}
`],
封装:视图封装。无
})
导出类AppComponent{
公共列表项:数组=[
{文本:“小”,值:1},
{文本:“中等”,值:2},
{文本:“大”,值:3}
];
公共选择价值;
昂瓦尔奇(e){
}
onOpen(){
让骗子
设置超时(()=>{
liArr=Array.from(document.getElementsByClassName(“k-item”))
说谎者。forEach(el=>{
如果(el.innerText.indexOf('Small')!=-1){
el.classList.add(“禁用”)
}
})
})
}
}

剑道没有解决方案。 可以通过以下方式解决此问题:

    <kendo-combobox (valueChange)="valueChange($event);" [placeholder]="'xxx" [data]="data"  [textField]="'Value'" [valueField]="'Value'" >
  <ng-template kendoComboBoxItemTemplate let-dataItem>
    <button class="template"  [disabled]="!dataItem.Max" >{{dataItem.Value}}</button>
  </ng-template>
 </kendo-combobox>

{{dataItem.Value}
或:

@组件({
选择器:“我的应用程序”,
样式:['.模板{显示:内联块;背景:#333;颜色:#fff;边框半径:50%;宽度:18px;高度:18px;文本对齐:中心;}',
模板:`
{{dataItem.text}
`,
风格:[`
.残疾人{
指针事件:无;
不透明度:0.6;
}
`],
封装:视图封装。无
})
导出类AppComponent{
公共列表项:数组=[
{文本:“小”,值:1},
{文本:“中等”,值:2},
{文本:“大”,值:3}
];
公共选择价值;
昂瓦尔奇(e){
}
onOpen(){
让骗子
设置超时(()=>{
liArr=Array.from(document.getElementsByClassName(“k-item”))
说谎者。forEach(el=>{
如果(el.innerText.indexOf('Small')!=-1){
el.classList.add(“禁用”)
}
})
})
}
}
有可能

下面的示例演示如何在DropDownList绑定到复杂数据时使用itemDisabled属性禁用特定列表选项

有可能

下面的示例演示如何在DropDownList绑定到复杂数据时使用itemDisabled属性禁用特定列表选项


可以选中剑道下拉列表禁用选项,该选项可能适用于此。我也有同样的问题!你找到解决方案了吗?可以检查剑道下拉列表禁用选项,它可能与此一起工作。我也有同样的问题!您找到解决方案了吗?按代码而不是按用户选择选项时需要禁用。我需要选项存在于列表中,但不用于用户选择..禁用用于按代码而不是按用户选择选项。我需要选项存在于列表中,但不用于用户选择。。