angular - 黄金布局 Angular 2+/ng-golden-layout

标签 angular golden-layout

首先我想说我是一名初级前端开发人员。因此,没有太多 Angular 经验。

所以我一直在尝试让一些东西在具有黄金布局的 Angular 2 中工作,我的最终目标是从这个模块重现拖动功能,如下所示:http://golden-layout.com/examples/#d508753b29c3001c24218bf3a6b25141

由于到目前为止还没有对 Angular 2 的官方支持,我一直在寻找一种方法来实现它,我遇到了@goldsam/ng-golden-layout 模块

这是 angular 2 的黄金布局的非官方版本,我一直在尝试使用这个模块创建一个演示应用程序,但似乎无法让它工作,我遇到了这个错误:

ERROR in C:/Users/user/Desktop/golden-layout/demo/node_modules/golden-layout/index.d.ts (14,16): Cannot find name 'JQuery'. C:/Users/user/Desktop/golden-layout/demo/node_modules/golden-layout/index.d.ts (63,79): Cannot find name 'JQuery'. C:/Users/user/Desktop/golden-layout/demo/node_modules/golden-layout/index.d.ts (133,45): Cannot find name 'JQuery'. C:/Users/user/Desktop/golden-layout/demo/node_modules/golden-layout/index.d.ts (629,22): Cannot find name 'JQuery'. C:/Users/user/Desktop/golden-layout/demo/node_modules/golden-layout/index.d.ts (718,16): Cannot find name 'JQuery'. C:/Users/user/Desktop/golden-layout/demo/node_modules/golden-layout/index.d.ts (723,22): Cannot find name 'JQuery'. C:/Users/user/Desktop/golden-layout/demo/node_modules/golden-layout/index.d.ts (728,26): Cannot find name 'JQuery'. C:/Users/user/Desktop/golden-layout/demo/node_modules/golden-layout/index.d.ts (770,16): Cannot find name 'JQuery'. C:/Users/user/Desktop/golden-layout/demo/node_modules/golden-layout/index.d.ts (775,21): Cannot find name 'JQuery'. C:/Users/user/Desktop/golden-layout/demo/node_modules/golden-layout/index.d.ts (780,21): Cannot find name 'JQuery'.

所以我的问题是,如果你们中的任何人已经让这个模块在我可以用作开始的一些演示应用程序中工作,或者你们中的任何专家可以对我的代码进行审查:

https://github.com/dazzzed/ng-gl-demo

提前致谢。

最佳答案

是的,我什至遇到了这个问题,我只是像这样在应用程序模块中导入了 Jquery

import * as Jquery from 'jquery';

同样,您可能必须导入 Goldenlayout。

这将解决您的问题:)

关于angular - 黄金布局 Angular 2+/ng-golden-layout,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44954533/

相关文章:

node.js - Node 错误 npm ERR!在 Angular 项目中使用 npm install 时从未调用 cb()

javascript - Angular Highcharts 面积图中的自定义图例标签

typescript - 使用 typescript 的 Angular 6 的黄金布局?

javascript - Golden Layout + Angular2 RC5 - 无法使用 ViewContainerRef 动态创建组件

angular - 根据具有反应形式的单选按钮更改形式 - Angular 2+

html - 样式化 Angular 组件

angular - 单元测试 : No provider for DirectiveResolver

jquery - GoldenLayout,如何隐藏/显示组件?

javascript - 在 GoldenLayout 中捕获 Pane 调整大小事件的正确方法