Блог

Главная - Вопросы по программированию - как очистить / удалить недавно добавленную директиву в ng-repeat при добавлении новой директивы?

как очистить / удалить недавно добавленную директиву в ng-repeat при добавлении новой директивы?

#javascript #angularjs #angularjs-directive

#javascript #angularjs #angularjs-директива

Вопрос:

Я хочу очистить ранее добавленный select тег (используя другую директиву) при добавлении нового, поэтому одновременно select на экране будет доступен только один.

На данный момент у меня есть это

Мой код

 //Here is the "addRules" directive I have created: 
<script>
.directive('addRules', function($compile){
        return{ 
            scope:{},
            restrict:"A",
            template:'<a ng-click="appendSelect()" href="javascript:void(0)">Add Rules</a>', 
            link:function(scope,elem,attr){
                scope.appendSelect = function(){
                    var importSelect = $compile('<aadropdownmultiselect maxlenghttoshowselectedvalues="3" onchangeeventofcheckbox="setTabDirty()" model="selectedOptions" multiselectoptions="options"></aadropdownmultiselect>')(scope);
                    elem.append(importSelect);
                    })
                }
            }
        }

    });
</script>
//And the HTML:
<table><tr>
<td add-rules></td></tr>
</table>

Комментарии:

1. Как насчет использования elem.removeChild(child) для удаления определенного дочернего элемента. Или elem.innerHTML=' ' для удаления всех дочерних элементов.

2. спасибо за комментарий! Я использовал var myEl = angular.element( document. querySelector( ‘.itemtoappend’ ) ); myEl.remove(); //удаляет элемент