Javascript 当ng repeat和custom指令组合时，视图中不会反映角度JS模型更改

我有下面的小提琴设置来演示我的体验

我的控制器使用这些对象：页面=>行=>列=>片段。页面有行。行有列。一栏有几段

有一个自定义指令（“工件”）。该指令的要点是能够根据片段的“类型”提供不同类型的HTML元素（所谓的动态模板）

当我从专栏中删除文章时，我总是遇到问题。我正在修改模型，但它没有反映在视图中。当ng repeat位于包装器上时，它可以工作，但在自定义指令本身上不工作，因此我认为与ng repeat指令有冲突

我提前为使用所有大写表示歉意，但是我不能为NG-REPEAT使用包装器DIV（：）

有问题的代码在视图和指令中

以下是自定义指令的一部分：

var template = templates[scope.piece.key];
var replacement = $($compile(template)(scope));
element.replaceWith(replacement);

以下是部分视图：

<div ng-repeat="column in row.data.columns" ng-class="column.data.clss">
   <!-- notice wrapper for ng-repeat - THIS VIOLATES MY REQUIREMENTS -->
   <div ng-repeat="piece in column.data.pieces">
      <piece></piece>
   </div>
</div>

对

NG-REPEAT是终端，具有更高的优先级1000，因此，如果自定义指令根本不起作用，但它似乎确实起作用，那么这似乎是有意义的。这个问题也许可以回答其中一些问题，但我仍然很好奇。到底是什么不起作用？他们在这里的行为相同（或者我遗漏了什么？）请尝试通过悬停然后单击橙色X控件来删除忍者的照片。在上面的示例中，视图反映了对模型的更改。在底部，视图不反映更改。在源代码中（在输出中，而不是在fiddle源代码中），您也可以看到一些正在发生的事情。非常感谢。

<div ng-repeat="column in row.data.columns" ng-class="column.data.clss">
   <!-- notice ng-repeat on custom directive -->
   <piece ng-repeat="piece in column.data.pieces"></piece>
</div>