问题标签 [vmware-clarity]

我是 angualr2 的新手，我正在尝试使用清晰的方式构建网页。

我正在尝试将主容器的高度设置为clr-main-container我放置min-height: 100vh;的文件中，这是我设置全局样式的位置。style.css~/src/style.css

在默认清晰度 css 文件中，样式设置为

正如我所提到的，我试图在我尝试设置的 style.css 文件中更改height: 100vh;为min-height: 100vh;

覆盖默认的清晰度 css 文件，但这不适用于我。

我确实在 angilar-cli.json 文件中包含了 style.css。

但我仍然有这个问题。我错过了什么？

我正在使用VMWare Clarity Datagrid组件。

描述：

我有两个数据网格，在扩展左侧数据网格（红色）的其中一行时，我设法扩展了右侧数据网格（蓝色）。

我的目标：

1. 隐藏右侧数据网格上的插入符号列，仍然可以扩展其行。当我在浏览器display: none;的类中添加规则时，.datagrid .datagrid-expandable-caret它可以正常工作，但在 .scss 文件中却不行。
2. 隐藏左侧数据网格（红色）的滚动，仍然可以滚动。
3. 同步两个数据网格的滚动（可能使用第三方代码）。

在这里，我用angular2 + 中的示例做了一个 plunker。

感谢您的每一个建议。

我正在使用清晰度模块和我的 Angular 4 代码。使用他们的警报框示例时，我收到上述错误

示例代码

错误堆栈详细信息

ERROR 错误：未捕获（承诺）：错误：没有 AlertIconAndTypesService 的提供者！错误：没有 AlertIconAndTypesService 的提供者！在 ReflectiveInjector_.webpackJsonp.../../../core/@angular/core.es5.js.ReflectiveInjector_ 处的 injectionError (core.es5.js:1169) 处的 noProviderError (core.es5.js:1207)。throwOrNull (core.es5.js:2649) 在 ReflectiveInjector .webpackJsonp.../../../core/@angular/core.es5.js.ReflectiveInjector_。GetByKeyDefault (core.es5.js:2688) 在 ReflectiveInjector .webpackJsonp.../../../core/@angular/core.es5.js.ReflectiveInjector_。ReflectiveInjector 的 getByKey (core.es5.js:2620).webpackJsonp.../../../core/@angular/core.es5.js.ReflectiveInjector_.get (core.es5.js:2489) 在 resolveNgModuleDep (core.es5.js:9475) 在 NgModuleRef_.webpackJsonp .../../../core/@angular/core.es5.js.NgModuleRef_.get (core.es5.js:10557) 在 resolveDep (core.es5.js:11060) 在 createClass (core.es5 .js:10913) in injectionError (core.es5.js:1169) at noProviderError (core.es5.js:1207) at ReflectiveInjector_.webpackJsonp.../../../core/@angular/core.es5。 js.ReflectiveInjector_。throwOrNull (core.es5.js:2649) 在 ReflectiveInjector .webpackJsonp.../../../core/@angular/core.es5.js.ReflectiveInjector_。GetByKeyDefault (core.es5.js:2688) 在 ReflectiveInjector .webpackJsonp.../../../core/@angular/core.es5.js.ReflectiveInjector_。ReflectiveInjector 的 getByKey (core.es5.js:2620).webpackJsonp.../../../core/@angular/core.es5.js.ReflectiveInjector_.get (core.es5.js:2489) 在 resolveNgModuleDep (core.es5.js:9475) 在 NgModuleRef_.webpackJsonp .../../../core/@angular/core.es5.js.NgModuleRef_.get (core.es5.js:10557) 在 resolveDep (core.es5.js:11060) 在 createClass (core.es5 .js:10913) 在 resolvePromise (polyfills.bundle.js:3328) 在 resolvePromise (polyfills.bundle.js:3299) 在 polyfills.bundle.js:3376 在 ZoneDelegate.webpackJsonp.../../../。 ./zone.js/dist/zone.js.ZoneDelegate.invokeTask (polyfills.bundle.js:2969) 在 Object.onInvokeTask (core.es5.js:3881) 在 ZoneDelegate.webpackJsonp.../../.. /../zone.js/dist/zone.js.ZoneDelegate.invokeTask (polyfills.bundle.js:2968) 在 Zone.webpackJsonp.../../../../zone.js/dist/zone .js.Zone.runTask (polyfills.bundle.js:2736) 在 drainMicroTaskQueue (polyfills.bundle.js:3140) 在

当视口尺寸较小时，表单域会重叠。当空间不足时，有没有办法让表单字段捕捉到下一行？

代码片段：

这是 plunker： https ://embed.plnkr.co/ynfi39fIMk1bc8bSBHAp/

重叠文本

我正在使用 VMware 的清晰种子存储库，并且正在尝试构建一个提示输入其他相关信息的输入表单。例如，表单有一个用于身份验证类型的下拉列表选择。根据类型，我可能需要更多信息，并且该信息特定于该类型。“无”身份验证不需要更多信息。“基本”需要用户和密码组合，而“OAuth”需要 API 令牌。

我尝试使用 ng-switch 没有运气 - 尽管选择了两个选项，但文本都显示（我现在只使用文本，稍后将添加子表单详细信息）。

我认为我对表单字段的使用在某种程度上是错误的，但我不知道为什么以及如何。

如何减少清晰度堆栈组件标签的宽度

https://vmware.github.io/clarity/documentation/stack-view

我在选择器中添加了以下自定义样式，但没有运气

添加的样式：

刚开始使用 VMWare Clarity - 很酷的项目！我已按照示例添加数据网格并绑定到用户列表，但出现此错误：

无法绑定到“clrDgField”，因为它不是“clr-dg-cell”的已知属性。1. 如果 'clr-dg-cell' 是一个 Angular 组件并且它有 'clrDgField' 输入，那么验证它是这个模块的一部分。

Html 模板如下所示：

组件如下所示：

功能模块如下所示：

应用模块有这个：

不确定要添加什么来消除此错误？我认为它会从清晰度模块中获得所需的一切？谢谢。

我正在做一些事情，布局大约 1000 像素（1080 / 1170 / 其他），并将主要内容居中，有点像 stackoverflow 设计（例如，这是一个非常常见的事情）。是否有一种受支持的方法可以清晰地做到这一点，或者我应该使用菜单/sidenav 等来完成它？

我使用 Clarity 数据网格，我需要在某些情况下禁用复选框选择。我找不到这样做的 API。请帮助和感谢。

是否可以从组件的 ts 代码中以编程方式控制下拉菜单的显示/隐藏（清晰地使用 Angular2）- https://vmware.github.io/clarity/documentation/dropdowns

基本上我正在尝试使用下拉作为 toast 通知，即 2 个触发器来显示下拉内容 1. 单击 2. 在代码中发生的事件（ajax 调用中的错误等）