繁体   English   中英

Angular + Kendo:下拉列表的默认占位符

[英]Angular + Kendo: Default placeholder for drop down list

我想知道如何在kendo ui + angular中为下拉列表设置占位符。

目前我有:

模板

<select kendo-drop-down-list ng-model="selectedElement" k-options="options" >
</select>

调节器

...
$scope.options = {
        dataTextField: 'label',
        dataValueField: 'id',
        dataSource: {
            data: [
                {
                    "label": "Please Select..."
                },
                {
                    "id": "linear",
                    "label": "Sample Linear"
                },
                {
                    "id": "bar",
                    "label": "Sample Bar"
                }
            ]
        }
    };
...

如果我通过后端调用替换数据源,那么我就不能在那里“请选择”。 还有另一种解决这个问题的方法吗?

我尝试使用data-option-label =“Please Select”按照此链接中的说明操作,但没有运气。

那么,您可以将其定义为数据属性( 此处有更多信息

模板

<select kendo-drop-down-list k-option-label="'item1'" ng-model="selectedElement" k-options="options" >
</select>

或者在$ scope中设置optionLabel选项

调节器

...
$scope.options = {
    optionLabel: "Item...",
    dataTextField: 'label',
    dataValueField: 'id',
    dataSource: {
        data: [
            {
                "label": "Please Select..."
            },
            {
                "id": "linear",
                "label": "Sample Linear"
            },
            {
                "id": "bar",
                "label": "Sample Bar"
            }
        ]
    }
};

...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM