问题标签 [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 投票
1 回答
455 浏览

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

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

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

0 投票
1 回答
1018 浏览

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

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

0 投票
1 回答
131 浏览

html - Angular JS 4 + 清晰角 ScrollTop 隐藏标题

在 Angular 4 中,当路由器更改时,页面不会滚动到顶部。

我的解决方案是用#top 放置一个div,在打字稿中我使用ViewChild 来像scrollIntoView

<div #top></div>

import { ViewChild, ElementRef } from '@angular/core';

@ViewChild('top') top: ElementRef;

当启动并加载我需要的所有内容时,我会打电话

this.top.nativeElement.scrollIntoView();

这适用于 PC,但在移动设备中,清晰度标题隐藏 ( <clr-header>),当我用移动设备滚动顶部时,滚动标题再次显示,但给用户带来不好的体验,我希望每次都显示标题。

请记住,标头位于根目录上,并且所有嵌套路由都在“路由器出口”内,因此我在嵌套路由中滚动顶部的解决方案不适用于根目录。

我尝试在 root 中使用此命令,但不起作用,“滚动顶部”仅在嵌套路由中工作。

我已经尝试过以下命令:

window.scrollTo(0, 0)不工作

document.body.scrollTop = 0不工作

this.document.body.scrollTop = 0(使用 Angular DOCUMENT 模块)不起作用

还有许多其他人......有人可以帮忙吗?

0 投票
1 回答
205 浏览

html - 清晰地替换 clr-dg-row-detail 的可扩展行中的图标

我正在为我的项目使用项目清晰度,其中有一个带有可扩展行的数据网格,我想替换数据网格中默认出现的图标

默认图标如下

在此处输入图像描述

我要替换的图标如下

在此处输入图像描述

任何帮助将不胜感激谢谢

0 投票
1 回答
864 浏览

angular - 进度条清晰度每 5 秒更新一次 angular cli

Hy,所以我正在尝试对进度条进行编程,使其每 5 秒更新一次。我正在使用清晰度和角度cli。

我的 html 代码如下所示:

进度条

<div class="progress demo"> <progress max="100" value="0" data-displayval="0%"></progress> </div>

到目前为止,我一直使用 jquery,但是对于这个项目,我需要使用 Angular,而且我基本上不知道如何使它工作。我将非常感谢您的回答!

0 投票
2 回答
1454 浏览

angular - 动态清晰度应用程序级别警报

我正在使用vmware/clarity设计系统,并且正在尝试使用angular.io 中概述的动态组件加载来实现动态应用级警报。我以前遵循过这种模式,但我似乎无法让它与来自 Clarity 的警报一起工作。

app.component.ts

app.component.html

警报-host.directive.ts

如果我将指令放在ClrAlerts组件上,它的工作方式应该是应用程序级别的警报附加在ClrAlertsDOM 之后。但是我希望我的所有应用程序级别的警报都出现在该组件中。反过来,我希望寻呼机组件似乎也已更新。

这可能吗?

0 投票
1 回答
512 浏览

angular - 当我打开页面时,Clarity Wizard 就打开了

所以我有一个带有提交按钮的登录页面,只要用户名和密码正确,就会加载一个新页面。这工作正常,但在下一页我想要一个向导弹出。

我正在使用Angular + VMWare Clarity

问题是,如果我输入:

这将重定向到向导而不先进行身份验证。因此,如果用户名和密码不正确,则无关紧要。

您知道正确提交表单后弹出向导的其他方法吗?或者,如果我可以在表单提交后以某种方式弹出向导而不需要按钮功能?

0 投票
0 回答
595 浏览

angular - 清晰度自定义过滤器错误:错误类型错误:无法读取未定义的属性“订阅”

使用以下示例使用自定义过滤器时,我清楚地收到此错误消息: https ://vmware.github.io/clarity/documentation/v0.11/datagrid/custom-filtering

错误类型错误:无法读取未定义的属性“订阅”错误出现在第一行:

如果我删除#datagridFilter,错误就会消失,但过滤器输入不会显示。

DatagridFilter 定义为:

DatagridFilter 在父组件中进一步实例化。片段:

0 投票
2 回答
1651 浏览

vmware-clarity - Clarity Grid Row Expander:我可以从我的功能中控制细节的打开吗

我可以从我的功能中控制细节的打开吗?

是否可以将 EventEmitter 传递给“clr-dg-row-detail”,以便我可以在组件事件中发出有关打开细节的信息。

0 投票
0 回答
459 浏览

filter - 清晰度数据网格自定义过滤器问题:错误类型错误:无法读取 FiltersProvider.add 处未定义的属性“订阅”(

我正在尝试实现自定义过滤器。我的过滤器代码是:

在父代码中,它被实例化为:

在父 html 文件中,我正在调用自定义过滤器:

我从 clr-angular.js 收到此错误消息

clr-angular.js 片段:

我正在关注这个可重用过滤器的例子:

https://vmware.github.io/clarity/documentation/v0.11/datagrid/custom-filtering