问题标签 [vmware-clarity]

我正在将 Clarity 和 Angular 用于应用程序，并且正在尝试向其添加测试。但是每当我尝试运行测试时，我都会收到此错误：

我是否必须从 Clarity 库中导入任何其他内容才能完成这项工作？

这是我的 spec.ts 代码：

vmware-clarity 版本 8 升级到最新版本时，向导的外观会发生变化。如何保留它？最新版本到底发生了什么变化？

这是一个名为“my-clr-list”的组件的概要，它使用了清晰的数据网格，例如：

我希望能够将布尔输入传递给该组件，基于该输入我可以动态（加载时间）添加

到 clr-datagrid。

我可以通过使用 *ngIf 复制 clr-datagrid 来实现这一点，但是还有另一种方法可以动态添加选项吗？

We would like to work with the datagrid but we have an issue with the buttons in all our site. Once Clarity is installed it is not possible anymore to make small square buttons. In a kind of way the minimum width of every buttons seems to be overidden by something in your system.

Is there a way to seperate distinct components of the Clarity Design System ? Or maybe exclude some of them ? Are you aware of this issue with button minimum width ? Do you know a way to prevent this behavior ?

Many thanks.

清晰弹出框（工具提示、路标、下拉菜单）向屏幕左侧移动，而不是关闭。

单击关闭按钮，可以正常关闭它。

Angular 应用程序托管在 sharepoint aspx 页面内。

警报横幅应用在我们的清晰 UI 中。它由错误消息和 Alert-ERROR 消息类型触发。

此警报仅在 UI 主页刷新后显示。不确定我们使用 alert-banner 的方式是否错误 - 在 alert-banner 定义中遗漏了一些触发页面刷新的设置。

或者我们应该应用其他警报机制。阅读https://vmware.github.io/clarity/community 找不到传递各种“警报文本”的示例。

试图在选项卡下插入“选择”组件。基本上，该选项卡仅显示一些动态表单。选择是供用户选择的字符串列表看起来我的定义是正确的。不知道为什么它搞砸了整个 angular/clarity UI 页面。

很可能，选择部分的范围不正确。未能找到相关文档。

我想就如何最好地使我的公司转向使用 VMWare 的 Clarity 系统或非常类似的系统提出建议。我们应该使用它作为模板吗？分叉吗？随着时间的推移整合其中的一部分？

到 2018 年第四季度，我们希望：

• 有一个体面的设计系统
• 在 Angular 2 中开发
• 使用引导程序 4

目前我们在这里：

• 没有设计系统
• 引导程序 3.3.7
• AngularJS

任何建议都会有所帮助！

我使用 Angular5.2.6和 Clarity 0.11.11，出于某种原因，使用 SSR，Clarity 图标是空的，而在浏览器中，它们可以完美显示。

我按照说明为服务器应用程序和浏览器应用程序指定了要包含的文件，多次没有任何更改。没有显示错误。

你有什么建议吗？有什么线索吗？

知道 SSR 期间发生了什么吗？

Angular Universal 的结果示例：<clr-icon _ngcontent-c21="" shape="check"></clr-icon>

谢谢

我无法在 Chrome 和 IE中更改路标元素的图标，即clr-signpostClarity Design System （版本：0.9.0）。路标显示默认信息 (i) 图标。控制台中没有显示错误。

在我的 Angular 4 项目中，我在PrimeNG（版本：4.1.1）的数据表的列中使用路标元素。

有人对这个问题有任何想法吗？

这是HTML：