如何在可擴展的ui-grid中綁定子網格事件

Question

ui-grid（可擴展的ui網格）中子網格的ng-click事件不起作用。 但是相同的（ng-click）適用於具有' grid.appScope '范圍的外部網格。 但我不知道如何在可擴展網格中綁定子網格事件。 我把代碼保存在下面的plnkr中。 “點擊我”在內部網格中不起作用。

有一個' expandableScope '屬性。 但我不知道如何使用它。 Plz參見plnkr代碼plnkr

我在gridOptions中添加了以下代碼段

expandableRowScope: { clickMeSub: function(){alert('hi');} }

我嘗試從expandableRowScope調用clickMe方法，如下所示。

<button class="btn primary" ng-click="grid.expandableRowScope.clickMeSub()">Click Me </button>

仍然沒有運氣。

Answer 1

您對子網格的點擊只需要引用它自己的appcope，而不是父網格expandableRowScope。

ng-click="grid.expandableRowScope.clickMeSub()"

應該

ng-click="grid.appScope.clickMeSub()"

改良的Plunker - http://plnkr.co/edit/0o9ViW0TEuYIA4zx0kIW?p=preview