javascript - 从 SQL Server 数据库呈现保存的 HTML 时，ng-html-compile 显示 UI-Grid 两次的问题

Question

1）我将整个 DIV - TestDIV 从 AngularJS 中的 HTML 页面保存到 SQLServer 数据库。

2)TestDIV里面嵌套了很多DIV，包括UI-Grid。

3）我将 HTML 保存为 SQL Server 中的 VARCHAR(MAX) 列。我能够正确保存和检索 HTML。

4）在页面上 - Test.HTML - 我有另一个 DIV - ID = TestDIVDisplayed

5）我正在使用 ng-html-compile 将保存的 HTML 分配给 TestDIVDisplayed。基本上将 ng-html-compile 设置为 HTMLBindValue

6）这似乎有效，尤其是有问题。与 UI 网格。UI-Grid 显示两次，而不是一次。类似于以下内容 -

7) 赋值是在 JavaScript 代码中通过以下方式完成的 -

 var toChg = 'TestDIVDisplayed';
                var btn = document.querySelector('#' + toChg);
                btn.setAttribute("ng-html-compile", "HTMLBindValue");
                var el = $(btn);
                $compile(el)($scope);
                $scope.mySidenav = entity.DivSavedInSQLServerDatabase; //Getting the entity.DivSavedInSQLServerDatabase from a WebAPI service call. 

标签： javascripthtmlangularjsangular-ui-gridui-grid