问题标签 [golden-layout]

我正在尝试动态创建要在 Golden Layout 中注册的组件。例如，

但是，因为 viewContainerRef 指的是现在才创建的 ViewChild，所以它始终是未定义的。我们如何在 RC5 中创建一个像上面那样使用动态添加的 div 的组件。我使用@Günter Zöchbauer 对Angular 2 动态选项卡的回答以及用户单击选择的组件来得出此结论。但是不确定如何使用需要动态生成 DOM 的 Golden Layout 来实现这一点。请帮忙。

我面临一个棘手的问题，角度 2 和黄金布局组件不接受高度百分比。（但将宽度设置为 100% 有效）。任何帮助深表感谢。

Plunker 在这里：http ://plnkr.co/edit/tUQOev?p=preview

1. 当我给出布局时：宽度：100%；高度：400px - 它工作正常，如下所示

2. 但是当我尝试给出 height : 100% 布局时根本无法识别高度并且无法正确渲染。

提前谢谢了。

我正在尝试将Golden-Layout与React Router 2.6.1结合使用，但我很难弄清楚如何将 Golden-Layout 嵌套在我为路由器使用而创建的包装器中。

我是否需要修改Golden-Layout 的 React 示例以将 GoldenLayout 包装为

在 OptGrid 内部（或我想在内部显示此布局的任何组件），以便可以像任何其他组件一样处理它？或者 Golden-Layout 是否假定它位于 DOM 的顶层，并且仅真正支持在其中嵌套 React 组件？

我正在使用带有 angualrJS 的 Goldenlayout。我面临以下异常：

在执行这行代码时

原因是，我的 HTML 中已经有 ng-app，那么当我已经有 ng-app 时，如何注册黄金布局？

https://github.com/codecapers/golden-layout-simple-angular-example/issues/1

我在单页应用程序中使用黄金布局。金色布局正常“在新窗口中打开”效果很好（https://jsfiddle.net/shafaq_kazmi/xs5r6mma/6/）

但是当我试图将它集成到 SPA 中时，当我弹出任何小部件时，整个应用程序都会加载到弹出窗口而不是特定的小部件中。我是否需要一些特定的配置来解决此问题？我怎样才能实现实际的弹出功能。

对此有什么帮助吗？

当发生调整大小事件（无论是调整窗格大小、整个浏览器还是缩放）时，我想在一个窗格（即容器内容项）中执行一项操作。下面的工作，但是......如果我然后在窗格中拖动，甚至从左到右，到右左，或上下，它停止工作。

我假设重新排列窗格会重置某些东西，并且有一种正确的方法来获取持久事件处理程序。但我无法从文档中解决。

我将 GoldenLayout 库与 Electron 的 WebView 元素一起使用。GoldenLayout 操纵 DOM 移动 WebView 元素，它有效地将它们从一个位置剪切并粘贴到另一个位置。这使得 Webviews（以及 IFrames）重新加载它们正在呈现的页面。有没有办法防止重新加载？

我是 angular2 的新手（甚至不知道 angular）。In 正在使用黄金布局和ag-grid。

我需要使用DynamicComponentLoader，所以我使用了：

但我收到一个错误：

89:151-173 “在‘@angular/core’中找不到导出‘DynamicComponentLoader’

那么，我该如何导入呢？我需要从某个地方添加它吗？

我也不明白 import from@angular/core和 import from的区别angular2/core。（对不起，如果这听起来很愚蠢），但我看到一些项目使用'angular2/core'而一些'@angular.core'。我们可以起诉两者吗？因为DynamicComponentLoader在angular2/core.

我正在尝试使用 angular2 进行黄金布局。我跟着这个plunker，但我得到了以下错误：

“ElementRef”类型上不存在属性“registerComponent”。

“ElementRef”类型上不存在属性“eventHub”。

类型“ElementRef”上不存在属性“init”。

类型“ElementRef”上不存在属性“on”。

“ElementRef”类型上不存在属性“updateSize”。

“ElementRef”类型上不存在属性“eventHub”

plunked的代码如下：

编辑：
我正在向我的项目添加 github 链接，其中包含所有配置文件和组件：golden-layout-demo。

解决方案：
plunker 的代码不正确，使用this.layout.nativeElement.registerComponent了代替this.layout.registerComponent相同的 for Same if for eventHub, init, on, updateSize。这解决了编译时错误。

编辑2：

现在，我收到了运行时错误，我可以在浏览器中看到：

我的索引文件的内容如下所示：

我正在看这个带有 angular 2 plunker 的金色布局。plunker 上的文件不足以复制输出。我怎样才能使这个 plunker 可运行？

运行 plunker 所需的其他配置文件是什么？我是角度的新手，任何帮助将不胜感激。

我通过 : 创建了一个快速入门项目，ng new my-app并将 plunker 的文件添加到项目中，但无法复制该行为。