Rendering части компоненты за пределами самого компонента

Question

меня JSFiddle как это: https://jsfiddle.net/ownvjjow/

В основном проблема заключается в том, что я хотел бы оказать какую-то часть компоненты x снаружи элемента (x) сам. Как и во внешнем объеме, но с сохранением его объема в другом компоненте (y). У меня есть часть компонента, которая может быть отображена с помощью targetElement, но похоже, что у ng-repeat есть некоторые проблемы. Сценарий возвращает некоторую другую ошибку, которую я получаю в своем приложении: Я мог бы разорвать часть, которую я хочу «переместить» в качестве другого компонента, затем условно отобразить ее в другом месте, предоставив bindings: {... , controller: '<'}, а затем разоблачить область действия от компонента x до x.y, но мне было интересно, если есть возможность скомпилировать эту часть компонента x и ввести в другое место все, что работает правильно.

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

Answer 1

fiddle

if(this.options.targetElement) { 
    var parentElem = angular.element((this.options.targetElement)); 
    var childElem = $compile(this.container)($scope)[0]; 
    $timeout(function(){ 
     parentElem.append(childElem); 
    }, 0, false); 
    } 

Это даст AngularJS время, чтобы закончить его компиляции.

Надеюсь, что эта помощь.