我正在尝试使用$sanitizeprovider和ng-bind-htm-unsafe指令允许我的控制器将HTML注入DIV.
但是,我无法让它发挥作用.
<div ng-bind-html-unsafe="{{preview_data.preview.embed.html}}"></div>
我发现它是因为它从AngularJS中删除了(谢谢).
但没有ng-bind-html-unsafe,我得到这个错误:
我正在尝试page_elements使用.grid-cell字符串html中的适当索引绑定数组,以便它将显示在页面上而不是在我的指令中.我存储给定单元格元素的索引,然后过滤它们以检索匹配的page_elements对象.
但是,我无法摆脱ng-repeat网格中的冗余,其中有一个元素.已删除的元素将替换为空对象{},但应将其拼接,以便将网格元素保持在正确的位置.移动的元素应该能够放入其他网格单元格中.如果索引被正确分配,那么指令应该使用angular-drag-and-drop-lists,如何修复它？
如何在给定网格中仅ng-repeat匹配匹配page_elements一次？例如,现在page_elements在那里grid_id: 2的显示三次ng-repeat在第三格栅.如何删除永久页面元素对象并将单元格元素保存在正确的位置？在当前的解决方案中,拖放机制也被打破了.
当前代码片段和jsfidde:
var app = angular.module('app', ['dndLists']);
app.controller('homeCtrl', function ($scope) {
$scope.html_string = "<div class='container'><div class='row'><div class='col-xs-12'><div class='row'><div class='col-xs-4 grid-cell'></div><div class='col-xs-4 grid-cell'></div><div class='col-xs-4 grid-cell'></div></div><div class='row'><div class='col-xs-4 grid-cell'></div><div class='col-xs-4 grid-cell'></div><div class='col-xs-4 grid-cell'></div></div></div></div></div>";
$scope.page_elements = [{
"grid_id": 0,
"position": 0,
"snippet": "<h4>First Grid 0</h4>",
"template": "snippet"
}, {
"grid_id": 0,
"position": 1,
"snippet": "<h2>Second Grid 0</h2>",
"template": …