“vmware-clarity”的相关标签问题

0 投票

2 回答

1788 浏览

javascript - 使用清晰设计系统构建 Angular 2 应用程序

在将 Clarity Design System 从他们的官方教程添加到 angular 2 5min quickstart后，我收到了这个错误。浏览器控制台中的错误并没有太大帮助，请问有什么建议吗？

app.module.ts

索引.html

systemjs.config.js

0 投票

1 回答

914 浏览

angular - 使用 VMware Clarity 模块进行 Angular 2 单元测试

我正在为使用 VMware 的 Clarity 组件的 angular 2 项目做 POC。当我运行测试运行器时，我收到以下错误：

我是 Angular 2 的新手，在 Google 上找不到任何东西。

angular unit-testing vmware-clarity

0 投票

2 回答

2505 浏览

user-interface - 如何更改 VMware Clarity Design System 品牌图标大小

我正在使用 VMware Clarity Design System UI ( https://vmware.github.io/clarity/ ) 并正在运行他们的种子应用程序。我正在尝试用我自己的品牌图标替换他们的品牌图标，但它的尺寸不同。我注意到该图标似乎被硬编码为 36px x 36px。如果我尝试在 CSS 中设置新大小，它仍然呈现为 36px x 36px。这是硬编码吗？

标志尺寸

user-interface vmware clarity vmware-clarity

0 投票

1 回答

2598 浏览

vmware - 如何正确使用vmware清晰sidenav？

我正在尝试让 VMware Clarity UI sidenav 正常工作，并希望有一个可靠的例子。我正在使用清晰种子项目和 app.component.html 内部我有他们提供的默认子中殿：

我已经用以下内容替换了他们的主页：

sidenav 正确显示，但单击 Test 链接会导致整个应用程序刷新，并且我的测试页面的内容显示在 Home 页面下，但 subnav 消失了。如何让测试页面的内容显示在子导航的右侧？您可以在此处查看代码的 GIST：https ://gist.github.com/MichaelRegert/6c5d9d3c8b52aa99d1dc66a314239f0e

vmware clarity vmware-clarity

0 投票

2 回答

799 浏览

angular - Angular 2 生命周期和 VMware Clarity UI 网格

我正在组件内部进行休息调用。我在 clr-datagrid 中呈现数据。首次渲染时，数据是倾斜的和未对齐的。如果我对数据进行排序，或者在网格上做任何事情，数据就会正确对齐。我假设这是由于网格没有及时获得所有数据来计算正确的列宽。我在构造函数内部进行了 REST 调用，尽管我也尝试将它移到 ngOnInit() 函数中，但没有任何改进。

组件中 REST 调用的推荐位置在哪里？正确返回数据后，是否需要调用某些东西以使 UI “刷新”它对宽度的计算？

因为此代码正在对内部服务器进行 REST 调用，所以我无法提供重现它的 Plunker。

组件代码：

HTML 代码

进行休息呼叫后未对齐的网格

单击标题排序后正确对齐

angular vmware vmware-clarity

0 投票

2 回答

1922 浏览

angular - NGINX 上的 Angular 2

我正在尝试在 NGINX 服务器上托管 Angular 2 种子。

我能够克隆种子，npm install它和npm start它，它在嵌入式 Web 服务器上工作得很好。

然后我尝试移动src种子的同一目录的内容（包含index.html文件和其中的所有其他 Angular 组件）在我的 nginx 服务器的默认根目录下（/usr/share/nginx/html）。

我的 Angular index.html 看起来像这样：

目录内部的结构src（复制到/usr/share/nginx/html）是这样的：

在app目录里面有我实际的 Angular 应用程序。

当我尝试连接到 nginx 服务器时，index.html文件已正确加载，但随后，它没有加载 angular 应用程序，而是（永远）停留在每个<my-app>Loading...</my-app>代码的“加载”消息中。

我没有更改默认的 nginx 配置（假设我将我的 Angular 应用程序直接放入 Web 服务器的默认根目录中）。nginx服务器的配置文件如下。

主要的 nginx 配置文件：

导入主配置的 Nginx 配置文件：

我无法弄清楚这个问题是否是由于缺少一些 nginx 配置，这是否是由于运行 angular 应用程序所需的一些运行时组件，或者这个问题是否是由于一些编译问题（但如果我再次使用相同的目录，我npm start的应用程序渲染得很好）。

谢谢。

更新：我之前没有提到这一点，因为我认为这会使事情更加混乱，但是当我说我将文件从移动src到/usr/share/nginx/html我真正做的是将 nginx 作为容器启动并将我的src目录映射到/usr/share/nginx/html容器内部时。因此，当我在本地主机上工作时，我npm install在npm start目录中src工作正常。然后我启动容器映射到完全相同的目录（在下/usr/share/nginx/html），我看到了如上所述的问题。我想假设当您npm install第一次实际编译应用程序并下载所有依赖项时，然后src在 nginx 容器的上下文中使用相同的应用程序（in ）时，该应用程序准备好运行了吗？

更新＃2：我认为这对我来说有点蓬松，所以我决定编纂我正在尝试做的事情。我认为围绕一段实际代码进行讨论比假设要好。您可以使用此 Dockerfile 重新创建我的问题：

您可以按如下方式构建和运行它：

如果您将浏览器指向容器正在运行的 docker 主机（端口 8080）……您将看到我所指的加载页面，并且 Angular 应用程序将永远不会启动。

可以肯定的是，某处的 Dockerfile 中有错误（或 NGINX 配置？）。

更新＃3：现在有点接近了..但还没有。如果您尝试进入上面的容器，您可以执行 acurl localhost:80并获得由 nginx 提供的静态 html 页面（在容器的端口 80 上运行）。有趣的是要注意这部分回复：

如果我然后尝试启动 ng Web 服务器 ( ng serve)，它会出现并开始侦听端口 4200。现在您可以执行此操作curl localhost:4200。响应几乎相同，除了...

不幸的是，我没有真正的浏览器来测试它，但我敢打赌这是可行的（因为我看到返回的 Javascript 代码）。

问题似乎是由于某些原因，nginx 服务器未在响应中提供 Javascript 应用程序内容。

嗯...

angular nginx vmware-clarity

0 投票

1 回答