问题标签 [vmware-clarity]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - Angular Clarity：将 clrPosition 设置为右下角的预期行为是什么
任何想法，如果使用[clrPosition]=bottom-right导致风格
如下所示的HTML中对应的 Clarity-Angular代码？
清晰度-角度
HTML：
我期待一种风格：
那是因为我希望下拉菜单在左侧（自动）有机地增长并固定在包含块的右侧（0px）。（顺便说一句，我确实尝试[clrPosition]=bottom-left过，但它没有导致leftand的变化right。）
clr-dropdown-menu实际上，如果我仔细观察，一些 Clarity CSS 实际上正试图通过手动设置来做正确的事情，left=auto如下right=0图所示，但它被覆盖了，因此最终由于这个问题，我在我的整个应用程序。这是我在这里解决的主要问题。
你能检查一下这是一个错误还是预期的行为？有没有更好的方法将左右设置为预期值？
由于 Clarity CSS 使用 'style' 属性设置样式时获得了更高的特异性，我什至无法覆盖 left 和 right 以更正值。有没有其他干净的方式我不必更改 Clarity 的 CSS 代码？
angular - 用 Clarity Datagrid 中的详细信息替换特定的展开行
我正在使用 Clarity Datagrid 并尝试使用此处提到的功能：https ://vmware.github.io/clarity/documentation/datagrid/expandable-rows 。当行展开时，我想使用clrDgReplaceInput 将行替换为详细信息，但我只想对几行（不是所有行）执行此操作。我怎样才能实现这种行为？
这是我的数据网格代码：
这是复制问题的 Plnkr：https ://plnkr.co/edit/SSHfKApni8pWwXDEhuas?p=preview
vmware-clarity - Clarity Datagrid：使用行扩展器仅替换特定单元格而不是整行
我有一个用例，其中我行中的一个单元格是一个复选框，另一个是单选按钮。我正在使用网格行扩展器来替换扩展行的内容，但复选框和单选按钮也被替换。我不希望这种情况发生。
我正在寻找一种方法，我可以选择仅替换特定单元格而不是使用行扩展器替换整行。
angular - ClarityNg：如何在里面的点击按钮上关闭 sidenav
我有一个基本的清晰度角度模板，可以在 sidenav 中搜索。当我在移动设备上单击 sidenav 中的查找按钮时，sidenav 不会消失。如何使用 Angular 关闭 sidenav？
clarity - 清晰度：有没有推荐的方法让 clr-datagrid 占用所有可用的垂直空间？
即使表格中还没有行，我也试图让我占据所有垂直空间。clr-datagrid 可以定制吗？似乎我必须手动覆盖 和 的 flexbox 属性，.datagrid-host以.datagrid-overlay-wrapper使其在列方向上增长。
我什至尝试过，但数据网格似乎没有垂直增长。
angular - Angular 4 单元测试不呈现第三方控制
我正在尝试对使用第三方控件（来自 Clarity）的 Angular 4 组件进行单元测试。我已经使用正确的导入设置了测试模块，但 html 中的清晰元素只是作为元素保留 - 它们没有按预期解析并扩展为 html，即控件似乎没有经过正确的渲染周期。这是设置：
当我检查夹具 debugElement 或 nativeElement 时，它没有被转换？当我尝试选择预期的元素时，它不存在。我是否缺少一些技巧来使控件呈现？
组件 html 模板看起来像这样并且保持这样：
编辑：经过一番拉扯后，我发现我需要调用 fixture.detectChanges() 来让测试台渲染组件。总之，在测试第三方组件时：
- 确保您已将包含该组件的模块导入到测试台中
- 如果您遇到错误，请不要只将 CUSTOM_ELEMENTS_SCHEMA 添加到测试平台模式，尝试找出它发生的原因并导入正确的模块（除非您进行浅层测试）
- 在尝试选择组件呈现的任何元素之前调用 fixture.detectChanges() （然后在设置属性后再次调用它，如角度文档站点上的大多数示例）。
angular - vmware 项目清晰度和响应式设计组件，用于 Angular
我们正在寻找 Angular UI 组件库，我们发现项目清晰度可以涵盖我们项目所需的所有要求。但我们还有最后一个问题，那就是响应能力。即使在他们的网站上，我也找不到明确的答案。所以，我想听听以前使用它的人的意见。
项目清晰度是否具有响应式设计组件？
vmware-clarity - Clarity Kitchen-Sink 应用程序可以发布吗
拥有 Kitchen Sink 应用程序的源代码将是有益的。https://github.com/vmware/clarity/wiki/Kitchen-Sink-App。http://clarity-ks.surge.sh/
有机会发表吗？
angular - 如何在 Angular 和 VMware Clarity 中使用模态对话框？
我需要显示一个带有问题和是/否按钮的模式对话框控件，等待用户的选择，然后运行一些代码来执行选定的操作。
VMWare Clarity 文档对对话框内的标记非常清楚，但没有讨论如何显示或隐藏它。
我想要一个完整的例子，谢谢。
angular - 更新清晰种子项目
我已经开始使用 Clariy 开发 Angular 4 应用程序。我已经开始克隆 Clarity 种子项目的项目，并且有了这个基础，我已经开始构建我的组件。
如何将 Clarity 更新到最新版本？在开发产品时，我想尽可能地更新 Clarity。
谢谢！