Angular2的停靠布局控件类似于Telerik的RadDocking

Question

我在Silverlight中使用Telerik的 RadDocking 控件。 http://docs.telerik.com/devtools/silverlight/controls/raddocking/overview2

我已经搜索了Angular2的几个停靠布局控件，但没有遇到任何类似于我上面提到的内容的东西。

我能遇到的最接近的是 angular2-grid 。 https://www.npmjs.com/package/angular2-grid

我希望剑道能在Angular2的最新版本中提出这样的控制。它似乎也不在他们的路线图中。

即使 angular / material2 也没有开始布局控制。 https://github.com/angular/material2

如果有人能指出我对接布局的良好控制，那将会很有帮助。

由于

Answer 1

在我的公司，我们设法使用dock-spawn。 我们也在Silverlight中使用Telerik的RadDocking。我们不得不在dock-spawn中进行一些更改（例如添加对隐藏窗格的支持，向标签页面和面板添加图标）。 zone.js存在一些问题，即angular2正在使用。

尽管存在所有这些问题，但似乎值得使用，即使这个库在过去3年中还没有得到支持。

您可以查看原始码头生成的demo。

在他的照片下面，我们做到了：

由于我们将Angular2与typescript一起使用，我们也必须编写类型定义。

Answer 2

您也可以使用GoldenLayout。我们在我的公司使用它并且效果很好。 与angular 2的集成并不是很直接，但在Github上有一个很好的讨论流程来解释如何将它与Angular 2集成。

Answer 3

我创建了DockSpawn的TypeScript版本，并修复了一些错误（例如在触摸设备上使用）

在此处可用：https://github.com/node-projects/dock-spawn-ts