Проблема с динамической компиляцией угловой директивы в IE7 и IE8

Question

Я пытаюсь динамически скомпилировать директиву внутри моего приложения. То, что я пробовал;

$scope.newPaneString = '<vmf-split-container>' + 
     '<vmf-split-pane-component paneheight="30%" minwidth="30%" maxwidth="70%">' + 
      <!--Some content comes in here--> 
     '</vmf-split-pane-component>' + 
     '<vmf-split-pane-divider paneheight="10px" clicks="0" close="bottom"></vmf-split-pane-divider>' + 
     '<vmf-split-pane-component>' + 
      <!--Some content comes in here--> 
     '</vmf-split-pane-component>' + 
     '</vmf-split-container>'; 
     $compile($scope.newPaneString)($scope) 

Здесь <vmf-split-container> является родительской директивой и <vmf-split-pane-component>, <vmf-split-pane-divider> являются дочерними директивами, которые зависят от родительской директивы, используя опции требуют директив, как;

require: '^vmfSplitContainer', 

В этом проблема. Когда я пытаюсь динамически скомпилировать эту директиву с помощью $compile, я получаю следующую ошибку;

http://errors.angularjs.org/1.2.27/$compile/ctreq?0=vmfSplitContainer&p1=vmfSplitPaneComponent 

Это происходит только с IE7 и IE8. Пожалуйста, помогите мне в этом.

Answer 1

Попробуйте использовать обозначение атрибута вместо обозначения элементов для работы IE.