Загружать шаблон AngularJS на странице динамически

У меня есть страница, содержащая 2 контроллера :, один из которых управляет списком так называемых -«приложений», а другой предназначен для размещения нового шаблона Angular в innerHTML его элемента Div.

<div ng-controller="appList"></div>
<div ng-controller="appPane"> Dynamic content should be loaded here! </div>

Я пытался использовать стандартные привязки {{expression}}, но они не работают с html. Я также пробовал директиву ng -bind -html -unsafe (Запрос приложения возвращает ), но контроллеры не выполняются в этом новом коде.

Проблема, по-видимому, заключается в том, что при использовании привязки Angular не -повторно анализирует содержимое рассматриваемого html, чтобы использовать его в качестве приложения angular. Любые идеи о том, как заставить его анализировать динамический контент?