问题标签 [vmware-clarity]

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

app.module.ts

索引.html

systemjs.config.js

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

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

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

标志尺寸

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

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

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

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

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

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

组件代码：

HTML 代码

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

单击标题排序后正确对齐

我正在尝试在 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 应用程序内容。

嗯...

我正在尝试使用此框架注册后添加提示

我想要这样的东西

但是像“注册成功”之类的？

我的代码：https ://gist.github.com/crowns/e116eedaddc54b3b8e1f6f68f86917d1

我正在使用的框架：http: //vmware.github.io/clarity/

如果有人可以帮助我，那就太好了！

我正在使用 Angular4 和 Vmware 的 Clarity UI for Angular 构建一个应用程序。我有一个用于导航应用程序的主标题。应用程序中有一些视图不需要侧边栏，而其他视图则需要。当用户导航到某个视图时，我想显示一个特定于特定视图的侧边栏。我还在我的应用程序中使用模块级路由。

这是主要组件

这是主要模板

在主要组件中，我有这样的设置

我的问题是，app-sidenav如果showSideNav属性设置为true. 任何建议或链接将不胜感激。

我正在使用Clarity Signposts并需要它的状态（无论是打开还是关闭）。我正在使用*clrIfOpen结构指令并为其分配了 isOpen 变量。isOpen最初是假的，但当路标打开时应该更新为真。

我也尝试了clrIfOpenChange输出，clrIfOpen但是当路标打开时它也没有被触发。

清晰度版本：0.10.0-rc.1

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

我已经开始使用 Clarity Design Angular 项目，并且遇到了 0.10.0-alpha 中提供的树视图递归模板的问题。

https://plnkr.co/edit/KK8rVH1xUGCO7VetgomA?p=preview

当递归检查遇到不包含数组（而只是一个对象 - 请参阅 A1 > B3 > E3 > F1）的匹配项时，它无法呈现该项目并导致一个错误，即任何可折叠部分在单击插入符号时都会复制子项目.

如果发送 JSON 的 API 在只有一个实例的情况下没有将子项放入数组中，则不确定如何解决此问题。递归应考虑仅存在一个孩子（并且不在数组中）的情况。