Разрабатываю первое приложение на 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 пользоваться, роутинг или что другое?