Scroll Angular5将DOM对象传递给ng内容

Scroll Angular5将DOM对象传递给ng内容,scroll,angular5,ag-grid,Scroll,Angular5,Ag Grid,我是网络新手 我想要自定义ag网格中的默认滚动条。我试着用ngx滚动条来做这个。在sources ngx scrollbar中,我发现ngx scrollbar使用ng内容包装元素()。如果包裹ag grid angular元素,则滚动甚至不会显示,因为内容不会溢出ag grid angular内容,因为oveflow发生在使用stock srolls的带有class.ag body视口的div中。为了达到所需的效果,我希望将带有class.ag body viewport的DOM元素传递给ng

我是网络新手

我想要自定义ag网格中的默认滚动条。我试着用ngx滚动条来做这个。在sources ngx scrollbar中,我发现ngx scrollbar使用ng内容包装元素()。如果包裹ag grid angular元素,则滚动甚至不会显示,因为内容不会溢出ag grid angular内容,因为oveflow发生在使用stock srolls的带有class.ag body视口的div中。为了达到所需的效果,我希望将带有class.ag body viewport的DOM元素传递给ngx滚动条的ng内容。可能吗

更多信息在这里,但我不使用尼斯滚动或完美的滚动条

我想使用ngx滚动条,因为它具有定制功能

更新

我可以使用下一个sintax将DOM元素传递给ng内容(agGridViewport是本机元素):


{{agGridViewport}
但它像传递真实DOM对象的副本一样传递元素,但我想像传递引用一样传递它

现在我得到了像堆栈样式的UI:

[渲染的真实ag栅格角度]
[在滚动条上显示他的内容]


但这不是我需要的。此外,我得到了与工件糟糕的渲染,甚至有些组件没有出现。现在,我想尝试使用Renderr2将ng scrollbar元素放在树中的两个DOM元素(.ag body viewport wrapper和.ag body viewport)之间。但我认为这是一个非常糟糕的主意,因为Render2没有在树中的DOM元素之间放置元素的方法,我的代码将非常不明确和复杂:(这一定类似于注入。

不,我不能用Angular工具在DOM中进行注入。这样做不好,现在不可能。AgGrid不支持使用ngx scrollbar之类的工具进行自定义,这些工具使用ng内容包装组件和其他元素。使用其他以另一种方式工作的工具或使用we可能更好bkit自定义,不支持所有web浏览器

更新

我也尝试使用。我设法得到了更好的结果。我将他绑定到元素.ag body视口。它工作正常,但它只滚动网格的内容,没有标题。平滑滚动条没有将水平滚动条和垂直滚动条作为不同单位的选项。我知道如何解决问题。垂直滚动条必须绑定到.ag body-viewport和Horizantal scrollbar必须绑定到.ag root。如果您能找到允许您这样做的scrollbar,您就可以解决此问题。我可能会在不久的将来为Angular编写特殊组件,然后向此答案添加链接。如果您做得更快,您可以添加自己的链接,或者您可以向现有软件包添加链接

<ng-scrollbar>
    {{ agGridViewport }}
<ng-scrollbar>