Копия DOM после компиляции
 

Разрабатываю первое приложение на AngularJS. В приложении имеется блок (назовем его "container") с дочерними элементами("page"),в которых создаются поддочерние элементы("ui") пользователем. К ui применяются директивы ng-style, иногда выражения, например:

<div class="container" main-container>  
   <div id="pagec0d4">
       <div class="ui" ng-style="{'backgroundColor': txt6784}"       
name="Label">{{txt6784}}</div>
   </div>
</div>

Выполняем $compile(container)($scope) и получаем нужный результат, НО уже невозможно вернуть выражение {{txt6784}} в прежний вид.

Задача в том, чтобы сохранять режим, где container c не примененными директивами и выражениями и откомпилированными и переключаться между ними. Размещать копию container не желательно(у элементов уникальные id).

Какими средствами angular пользоваться, роутинг или что другое?