如何在slickgrid单元内呈现angularjs指令

时间:2019-05-24 15:39:36

标签: javascript html angularjs angularjs-directive slickgrid

我们在整个应用程序中使用了大量的angularJS 1.5指令(大约100个)。我们也几乎在所有地方都使用slickgrid来显示大量数据。最近出现了一个项目,在该项目中可以在slickgrid单元中使用我们的指令非常理想。因此,当您去编辑其中一个单元格时,我一直试图编写一个slickgrid编辑器来生成我们的指令。

似乎angularJS没有接受指令(因为slickgrid不能在angular中运行)并且没有将元素附加到其生命周期。因此基本上,基本元素及其设置将在HTML中显示如下:

<div class="slick-cell l2 r2 active selected" title="">
  <custom-directive></custom-directive>
</div>

但是由于angularJS不处理指令,因此视图中没有可见的元素,也没有创建任何被包含的元素。

我尝试使用$ compile对元素进行预渲染,然后将它们发送到平滑网格,但这会导致多链接错误,我不确定该如何解决。

我也尝试过使用JS模板,希望可以渲染该模板,然后在slickgrid编辑器中使用它,但是到目前为止,我还没有成功。我仍然尝试使这种方法起作用,因为我已经看到了其他使用slickgrid的模板的示例,但是它们没有使用angularJS,因此我的情况不太适合他们。

总而言之,我正在寻找有关如何解决此问题的建议。我知道slickgrid在技术上不应该以这种方式使用,但是必须有一种方法可以使这项工作有效。在这里重用100多个代码来扩展功能将是一个巨大的胜利。

0 个答案:

没有答案