问题标签 [vmware-clarity]

我正在使用 VMWare Clarity，版本 0.10。

我有一个数据网格，它动态地做一些事情：

• 基于列表生成列
• 如果标志 'hide' 设置为 true，则隐藏某些列
• 如果一列称为分数，则添加自定义过滤器

Plnkr：https ://plnkr.co/edit/Jov3VMt63C3lpkTp2ldi?p=preview

代码：

问题在于如何在 html 中呈现此 Score 标头：

所有其他列在排序按钮之外显示过滤器按钮。例如

注意位置：

但是，在 Score html 中，此按钮出现在

例如

问题是单击过滤器图标也会切换排序：

有什么建议么？

我在 Angular 5 应用程序中有一个数据网格：

在移动显示器上，此表比屏幕宽，如何设置列的宽度以使其缩小。

编辑：我想要完成的是重新创建这个记分表：https ://boardgamegeek.com/image/3360178/clans-caledonia

我相信应该可以在移动设备上创建接近它的输入。

我不断收到此错误：错误类型错误：无法读取未定义的属性“名称”。如果输入不为空，我要做的就是提交到下一页。我目前正在使用 Clarity Vmware 和 Angular 5.0.5 我的 html 看起来像这样：

我在打字稿中的功能：

我查看了类似的问题，但没有一个可以回答我的问题。为什么会出现上述错误，如果输入不为空，如何使其成功导航到下一页？谢谢先进

log.component.html：

route.module.ts：

我想在用户点击 /log 时默认加载 log1 选项卡内容，如何使用此功能，任何指针对像我这样的初学者都很有用。

当前在单击 log1 时，它会显示两个选项卡，当我单击第一个选项卡时，它会显示 tab1 的内容，我需要默认显示此 tab1 数据

我正在使用 Clarity Design 作为 CSS 框架使用 Angular 5 开发一个项目。

在一个选择上，我动态地绑定了它的选项，当绑定一个新项目时会发生一件奇怪的事情。

基本上，新项目被添加到数据库中，订阅回调内部是完成绑定的地方。当发生这种情况时，选择看起来好像没有选择任何选项，绑定正在正确进行，但视觉方面是我现在所坚持的。

以下是标记上的选择：

以及组件方法：

这是使用某些选项进行选择的样子，一切正常：

现在添加新项目后：

如果我们看一下列表内部：

是防止这种行为的方法吗？

我想NgModule在激活 Clarity 选项卡的同时延迟加载 Angular。选项卡的内容将包含延迟加载模块的组件，如下所示：

在激活选项卡时加载内容之前，我是否可以利用一个事件来延迟加载模块？在查看了Clarity 文档后，尚不完全清楚如何实现这一点。

我愿意将 AngularRouter与 Clarity 选项卡结合使用，因为使用路由器的延迟加载很简单。我在这里<router-outlet>找到了一个在每个选项卡内部使用的示例，但它似乎有点做作，因为每个选项卡都有相同的路由器插座，我不确定这是否有任何副作用或性能影响。<clr-tab-content>

非常感谢您对此的任何建议。

我的数据模型是一个包含多行的矩阵，其中一些行包含我想使用 Clarity Datagrid Expandable Rows 显示的详细信息。这是我正在尝试构建的简单版本：

我期待看到如下内容：

不幸的是，这是我得到的结果：

当我用任何元素（例如div、ng-container等）包装clr-dg-row-detail时会发生此问题。我需要一个包装元素来放置一个条件表达式，因为并非每一行都有详细信息。

有没有人建议这样做？

我们创建了可以由用户调整大小和移动的卡片。在其中一些卡片中，我们想要嵌入一个应该“填充”可用空间（例如卡片块）的数据网格。

我能够控制宽度，但在我的场景中还没有找到控制高度的方法。在这里，Datagrid 在我的卡片之外增长，甚至压低了卡片页脚。

这是一个显示行为的 StackBlitz 示例。

顺便说一句，“高度：100%”的技巧在我的场景中似乎不起作用。

任何帮助，将不胜感激。

以前我使用TabLink清晰角度的组件来创建选项卡。现在，在我升级到之后，@clr/angular我无法使用TabLink，所以我无法在选项卡内创建选项卡。我该如何进行？

下面是示例 Angular 项目，它实现了具有数据网格行扩展功能的示例用户列表。现在作为一个独立的 web 应用程序，它在导航到下一页时会抛出错误，如下所示：

如果我在父组件中评论“”。错误将消失。

运行项目的步骤：

先决条件： 1. node.js 6.9 或更高版本 2. npm install 3. npm install -g json-server

跑：

1. 启动 json-server 以获取模拟数据并加载本地消息包（cmd 终端 #1） npm run json-server
2. 在开发模式下运行插件并监视您的文件以进行实时重新加载（cmd终端＃2） ng serve
3. 有问题的代码文件路径“testplugin-ui\src\app\users*”

这是带有代码 https://drive.google.com/open?id=1Meeo_SXZEJfYyboihimJGr2DtJHeMP8k 或 https://nofile.io/f/q4FerHzV0Z0的项目种子

由于我需要 json-server，我正在上传示例项目而不是 plunker/stackblitz。让我知道这段代码有什么问题。