问题标签 [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.

0 投票
2 回答
7090 浏览

angular - 如何对选择框进行表单验证?

当用户未在选择框中选择值时,我试图提供错误消息。当我们处理<input type="text">元素时,VMware Clarity 文档非常清楚(单击此处),其中说:

您可以通过将输入标记包装在具有 .tooltip 类和 .tooltip-validation 类的容器中来对输入字段使用验证样式。使用 .tooltip-validation 容器上的 .invalid 类来切换验证样式。将 .tooltip-content 放在输入标签之后。

没有文档解释我们应该如何使用选择框进行验证(单击此处)。

所以,我尝试了以下方法:

这是我得到的结果:

在此处输入图像描述

请注意,工具提示图标在那里,但是当用户单击时,它没有显示所需的内容“需要技术”

我的问题是:使用选择框进行验证的最佳做法是什么?

0 投票
0 回答
206 浏览

angular - 使用内部 API

如何清晰地使用内部 API > 0.10.9?在 0.10.6 版本中,我们在项目中使用此导入来修改数据网格中的内部过滤器:

至少在 0.10.9 版本中不能再这样写了。编译器最终出现以下错误:

我最近报告说,由于错误 1512 分辨率,我们想升级到 0.10.10。

编辑:被问到为什么要使用内部 API 而不是对自定义过滤器的内置支持,这是我的回答:这是因为在我的情况下,我想使用由数据网格上方的单独输入字段表示的全文过滤器。填充数据网格中的此字段后,将触发刷新并将请求发送到后端。诀窍是,在触发请求之前,我将全文过滤器值从单独的输入字段附加到数据网格过滤器的内部值。所有这些都借助在提到的版本中更改的内部 API。如果有其他方法可以实现此功能,我将很高兴为您服务。

编辑2:(源代码)

}

0 投票
1 回答
2936 浏览

angular - 否 在模态关闭的点击事件之后?

当我关闭模式时,我需要调用一个函数(使用表单控件设置错误或重置模式中的内容)但单击后我没有找到任何事件处理程序,我该怎么做?

谢谢。

0 投票
1 回答
1381 浏览

angular - 如何动态更改 clr-icon 自定义元素的形状?

Clarity Icon 文档中,他们表明您可以使用 shape 属性来设置图标形状,如下所示:

在我的角度模板中,我使用了这样的 clr-icon 元素:

并使用我的组件将形状的字符串值设置为myShape

使用按钮(未在模板中显示)我想运行changeShape()以动态更改图标的形状但没有任何反应,我错过了什么?

0 投票
1 回答
455 浏览

clarity - Clarity Datagrid:是否有推荐的方法在扩展行时禁用动画?

我正在尝试使用具有可扩展行的 Clarity 数据网格: https ://vmware.github.io/clarity/documentation/datagrid/expandable-rows

虽然手动扩展行时的动画很好,但我有一个用例,在该用例中,我需要渲染所有行扩展或仅扩展其中一些行的网格。在这种情况下,动画很烦人并导致不必要的闪烁。有推荐的方法来禁用它吗?

0 投票
2 回答
1091 浏览

javascript - Angular 中的电子和实时模式不会加载 node_module 资源

语境

我正在使用 Angular CLI 使用 Electron 和 Angular 2+ 编写应用程序。我已将电子 .js 文件设置为指向ng serve命令提供的 URL,通常是localhost:4200,以便捕获代码更改。一些考虑:

  • 地址localhost:4200指向index.html;
  • index.js是我的电子入口点脚本

这是我index.js用作电子模块入口点的文件。

还有我的index.html文件:

我的问题

当我运行ng serve时,.html 文件中的 node_modules 资源没有被加载,Chrome 控制台输出以下消息

在此处输入图像描述

我知道资源的路径是正确的,因为我使用的是 WebStorm IDE,我可以通过如下图所示的链接转到引用的元素。

在此处输入图像描述

当我在 Angular 实时模式下运行时,为什么我的资源没有被加载?

0 投票
1 回答
1018 浏览

clarity - 如何设置 clr-icon 的形状属性

我正在使用<clr-icon shape=""/>. 我想让它shape动态化。如果我指定<clr-icon [shape]="shapeValue"/>它会引发错误 shape is not a known property ofclr-icon

0 投票
1 回答
201 浏览

angular - vmware-clarity/Angular4 中的代码高亮显示不起作用

因此,我尝试在我的 Angular 项目中使用 VMware Clarity 项目中的 Code Highlight。但我没有成功实施它。

我根据文档将这些行添加到我的 index.html 中。但这只会给我错误。

错误 然后我尝试将它添加到 angular.cli 中的脚本元素中。无济于事。

由于缺乏文档和答案,我有点迷失了下一步该做什么。

[编辑] 我确实用 npm 安装了 prismjs。

0 投票
1 回答
1528 浏览

angular - Angular Clarity 向导:一键添加和导航到新页面

我正在使用 Clarity Design System 来构建我的 Angular 应用程序,并且我想制作一个有点复杂的向导。

在我的用例中,用户启动了一个包含两个页面的向导。在第一页上,她被问到一个问题。根据答案,两个新向导页面之一将插入到两个页面之间。IE:

1 问题页(是或否?)
2 完成

会变成

1 问题页面
2 是的新页面
3 完成

或者

1 问题页面
2 新页面
3 完成

根据用户的回答。

我正在尝试构建的内容与跳过和取消跳过步骤示例之间的区别在于,我希望在第一页上有两个自定义按钮,是和否,这样用户就不必单击额外的按钮(第一页的“下一步”按钮)。

但是,我正在<clr-wizard-page *ngIf="!skipStepTwo">使用示例中使用的方法来隐藏/显示动态页面。问题是,似乎我为导航到动态页面 2 而尝试处理的每个事件都发生在此新页面添加到 pagesCollection 之前。我最终出现了新页面,但向导已移至最后一页(第 3 页完成)。

有什么办法吗?我可以创建一个新页面并通过单击一次用户移动到它吗?

0 投票
1 回答
1407 浏览

vmware-clarity - 如何在数据网格中获取用于多选的复选框列?

我在将复选框列放入 VMware Clarity 数据网格时遇到问题,或者通常无法使多选行工作。

我可以让单选工作得很好。

我在 VMware Clarity 文档中看到了示例: https ://vmware.github.io/clarity/documentation/datagrid/batch-action

我觉得我正确地遵循了指示,但没有显示复选框列(如果我将其更改为单选,则会显示单选按钮列)。

我的标记:

我已经尝试深入研究 Clarity 存储库中的示例,但我在任何地方都找不到这个批次选择。(如果官方文档以某种方式包含角度组件和标记的完整源代码,那就太好了)。

谢谢你的帮助!