问题标签 [vmware-clarity]

我正在使用 Angular 4，并且正在学习清晰度设计系统。想知道是否有人设法使用动态链接创建子导航？ https://vmware.github.io/clarity/documentation/header#subnav

我不确定如何正确处理这个问题。

我正在尝试设置一个 Angular 动态表单，它可以绑定到一些简单的编辑器，如文本编辑器，但也公开一个可以绑定到网格的项目列表。一个例子是一个订单和它的项目。

据我了解，Angular Dynamic Forms 创建了一个从“真实”对象填充的更改跟踪模型——在订单项目的示例中，每个项目都将创建为 FormGroup，然后添加到 FormArray。

这一切都很有意义，并且在绑定到简单控件时很容易启动和运行，但现在我需要将订单项绑定到数据网格。这似乎是一个非常常见的情况，但我几乎没有看到任何地方提到这一点？我怀疑我可能没有遵循推荐的模式？

我可以将数据网格（在本例中为 Clarity VMWare）绑定到 FormGroup 项吗？

发送

我希望能够为我的清晰度应用程序更改配色方案。有推荐的方法吗？我看到有一些关于此的问题，但我没有看到有人谈论实际的方法。

有没有办法将 clrDgReplace 与自定义组件一起使用来获取行详细信息？

我知道你可以这样使用它

<clr-dg-row-detail *clrIfExpanded [clrDgReplace]="true"> Lorem ipsum... </clr-dg-row-detail>

但是以这种方式调用行详细信息时，您可以获得相同的功能吗？

<my-detail *clrIfExpanded [user]="user" ngProjectAs="clr-dg-row-detail"></my-detail>

如何获取数据网格组件的行详细信息以占用网格中可用空间的整个宽度？

我尝试修改不同 css 类的 flex 和 width 属性，但我尝试过的任何方法似乎都不起作用。

https://plnkr.co/edit/Y7L3eGpYbzvd31HK0v2F?p=preview

我正在实现一个 Clarity 数据网格行扩展用例，其表单跨越行和行详细信息。这是一个快速试验 -

https://plnkr.co/edit/LHgi1V?p=preview

我在这里面临的问题是，如果我将每个表单包装在“”元素中，那么即使网格中有记录，datagrid 空占位符也是可见的。不支持这个用例还是我遗漏了什么？

近年来，我主要使用 Bootstrap3 来处理 css 和响应，但几周前我偶然发现了Clarity Project。我无法理解的一件事与文档中经常提到的 Angular 组件有关。示例可以在这里找到。后面的链接提到了 HTML 风格的标签，例如<clr-dropdown>...</clr-dropdown>or <clr-icon>...</clr-icon>。我是否理解正确，仅在使用 Angular 时使用此类标签才有意义，否则它们将被忽略？

我没有使用 Angular 的经验，也不打算学习它，但是以这样的方式使用这些 Clarity 组件，而 Angular 将非常棒。有人试过吗？这样做是否有意义？我还没有在文档中找到答案，所以我会很感激这里的答案。

提前致谢。

这可能更像是一个角度问题，但我试图在加载数据（并动态显示/隐藏列）后调整清晰度数据网格的大小，但我一直收到错误

未捕获的类型错误：无法读取未定义的属性“调整大小”

组件.html

组件.ts

我喜欢 Clarity Design System 的 DataGrid。但我只想在一个组件中使用 DataGrid。其他组件不应受到影响。

我正在为我的项目使用 Angular CLI。如果我在 .angular-cli.json 中引用 CSS，DataGrid 就可以工作，如下所示：

如果我将样式直接复制到组件的 .css 文件中，则 DataGrid 不起作用。

如何解决我的问题？

我想有一些规则或建议能够做到这一点：

我有一个关于应用程序级别的警报，我想在我的一个组件发生某些事情时显示它（例如：保存信息成功或失败）。

另外，我怎样才能发送我想显示的不同文本？有没有与@ViewChild 等价的东西？

谢谢你的帮助