Угловая условно использование директивы атр в шаблоне директивы

Question

У меня есть проблемы с помощью директивы условно внутри другой директивы, так скажем, у меня есть одна директива «myGrid» и это шаблон у меня есть что-то вроде этого:

<table my-grid-resizable>...</table> 

и я хочу использовать myGridResizable директиву, только если я использую myGrid директиву, как это:

<my-grid resizable="true" /> 

Но я не хочу использовать нг-если внутри шаблона myGrid директивы.

Я попытался это:

if (scope.resizable) { 
      angular.element(element).find('table').attr('my-grid-resizable', ''); } 

Но это не работает, добавляется атрибут, но директива не работает, перекомпиляции директиву is't помогает также.

Спасибо за помощь в решении этой

Answer 1

Вы просто установив атрибут, однако, это не означает, что DOM будет перевариваться на своем собственном. Причина, по которой ваш DOM не обновляется, заключается в том, что вы не обновляете какую-либо модель или привязку. Вы просто модифицируете DOM.

Так тебе придется вручную скомпилировать элемент, как,

Во-первых, впрыснуть $compile в вашей директиве или контроллера (в зависимости от того применимо)

Затем сделайте:

if (scope.resizable) { 
    angular.element(element).find('table').attr('draco-grid-dynamic-table', ''); 
    var html = angular.element(element).find('table').html(); 
    var compiledHtml = $compile(html)(scope); 
    angular.element(element).find('table').html(compiledHtml); 
} 

Этот но все же работает, но не является угловатым и крайне обескуражен. Я не понимаю, почему вы не хотите использовать структуру ng-if. Это угловой способ делать вещи.