Question

我在ng-repeat中重复对象并将它们发送到指令，其中为每个对象加载模板。但是当从集合中删除元素时，重复的指令模板不会从视图中消失。

但如果我在div-s中重复那些相同的对象，那么它们就会改变。

<div id="draggablePanelList" ui-sortable="sortableOptions">  
     <add-block2 ng-repeat="block in content.blocks" ></add-block2>
</div>

<div id="draggablePanelList" ui-sortable="sortableOptions">  
     <div ng-repeat="block in content.blocks" value="{{block.data.text}}">{{block.data.text}}</div>
</div>


//directive code

return {
        restrict: "E",
        link: link,
        replace: true,
        scope: true
    }

function link(scope, element, attrs) {

    $http.get(getTemplate(scope.block.name), {cache: $templateCache}).success(function(tplContent){  
         $('#draggablePanelList').append($compile(tplContent)(scope));
    });
}

function getTemplate(selectedtemplate) {
        var block= '';
        switch(selectedtemplate) {
                case "heading":
                    block= "someName.html";
                    break;
        return block;
    }

在add-block指令中，我在链接函数中编译模板并附加到$（＆＃39; draggablePanelList＆＃39;）。

我需要的是，当我从content.blocks集合中删除对象时，模板被删除。有什么建议吗？

Ng重复指令模板

0 个答案: