UI5 Web 组件选择无法打开

Question

我想为我的网站使用 UI5 Web 组件"选择"，但下拉列表无法打开。

我正在使用Lit-HTML，Typescript和Webpack。 我将 Playground 中的示例复制到我的代码中，并导入了两个模块(Select、StandardListItem)。 确切的示例以及我更改的版本不起作用。 但它显示了带有属性selected的 li-Element 。 我还使用其他一些UI5组件，如输入或日期选择器，它们工作正常。

选择元素：

<ui5-select class="select" id="sex">
<ui5-li selected>Weiblich</ui5-li>
<ui5-li>Männlich</ui5-li>
<ui5-li>Andere</ui5-li>
</ui5-select>

我进口了：

import '@ui5/webcomponents/dist/Select';
import '@ui5/webcomponents/dist/StandardListItem';

我期望有一个下拉菜单，但是当我单击小箭头或字段时没有任何反应。

Answer 1

您使用的是哪个版本的 UI5 Web 组件？ 在最新版本 1.0.0-rc.2 中，ui5-select 需要 ui5 选项，而不是 ui5-li 项目。

<ui5-select>
<ui5-option icon="sap-icon://iphone">Phone</ui5-option>
<ui5-option icon="sap-icon://ipad">Tablet</ui5-option>
<ui5-option icon="sap-icon://laptop" selected>Desktop</ui5-option>
</ui5-select>

您可以在以下地址提交问题： github.com/SAP/ui5-webcomponents/issues 也许你可以提供一个代码片段来查看。